/*
Theme Name:     Blockscape Child
Description:    Дочерняя тема для темы Blockscape 
Author:         Ваше имя
Template:       blockscape 
Version:        1.0.3
*/

.fixed-header{
    z-index: 99999;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.hero-item-hover{
border-radius: 20px;
background: #3393f0;
box-shadow:  1px 1px 12px #143b60,
             -1px -1px 12px #52ebff;
}

.hero-item-white{
border-radius: 20px;
background: #ffffff;
box-shadow:  -1px 4px 14px #878787,
            4px 4px 14px #ffffff;
}

.hero-item-background{
background: linear-gradient(135deg, #0073aa 0%, #185dc6 100%) !important;
}


/* Общие стили формы */
.wpcf7-form {
    display: flex;
    gap: 15px;
    max-width: 500px;
    margin: 0 auto;
    flex-wrap: wrap;
    position: relative;
}
.box-phone {
    flex: 1;
    position: relative;
}
div.wrap-button-sumbit {
    flex: 0 0 28% !important;
    height: 70px!important;
}
/* Стили для поля ввода */
.cf7-input {
    width: 100% !important;
    padding: 15px 20px !important;
    border: 1px solid #185dc6 !important;
    border-radius: 100px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    background: #fff !important;
    height: 52px !important;
}
.cf7-input:focus {
    border-color: #0073aa !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1) !important;
}
/* Кнопка отправки */
.cf7-submit {
    width: 100% !important;
    padding: 15px 25px !important;
    background: linear-gradient(135deg, #0073aa 0%, #185dc6 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 100px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    height: 52px !important;
    white-space: nowrap !important;
}
.cf7-submit:hover {
    background: linear-gradient(135deg, #005a87 0%, #004670 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(0, 115, 170, 0.3) !important;
}
.cf7-submit:active {
    transform: translateY(0) !important;
}
/* Сообщения валидации ПОЛЕЙ */
.wpcf7-not-valid-tip {
    color: #dc3545 !important;
    font-size: 13px !important;
    font-family: 'Arial', sans-serif !important;
    margin-top: 5px !important;
    display: block !important;
    position: absolute !important;
    bottom: -20px !important;
    left: 0 !important;
    background: white !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    border: 1px solid #f5c6cb !important;
    z-index: 10 !important;
    white-space: nowrap !important;
}
/* Поле с ошибкой */
.wpcf7-form-control.wpcf7-not-valid {
    border-color: #dc3545 !important;
    background-color: #fff8f8 !important;
}
/* Общие сообщения формы */
.wpcf7-response-output {
    padding: 0 0 !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    margin: 0 0 0 0 !important;
    border: none !important;
    width: 100% !important;
    order: 3 !important; /* Перемещаем вниз */
    text-align: center !important;
}
/* Успешная отправка */
.wpcf7-mail-sent-ok {
    background: #d4edda !important;
    color: #155724 !important;
    border: 1px solid #c3e6cb !important;
}
/* Ошибки валидации формы */
.wpcf7-validation-errors {
    background: #f8d7da !important;
    color: #721c24 !important;
    border: 1px solid #f5c6cb !important;
}
/* Ошибки отправки */
.wpcf7-mail-sent-ng,
.wpcf7-aborted,
.wpcf7-spam-blocked {
    background: #fff3cd !important;
    color: #856404 !important;
    border: 1px solid #ffeeba !important;
}
/* Спиннер загрузки */
.wpcf7-spinner {
    margin-left: 10px !important;
    vertical-align: middle !important;
}
/* Placeholder стили */
.cf7-input::placeholder{ 
    color: #999 !important;
    font-size: 14px !important;
}
/* Адаптивность */
@media (max-width: 768px) {
    .wpcf7-form {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }
   .box-phone {
        min-width: 100% !important;
        margin-bottom: 25px !important; /* Место для сообщения об ошибке */
    }
   .wrap-button-submit {
        height: auto !important;
        order: 2 !important;
    }
    .wpcf7-not-valid-tip {
        position: relative !important;
        bottom: auto !important;
        margin-top: 5px !important;
        margin-bottom: 10px !important;
    }
    .wpcf7-response-output {
        order: 3 !important;
        margin-top: 15px !important;
    }
}
/* Дополнительные стили для правильного позиционирования */
.wpcf7-form > * {
    position: relative;
}
/* Убираем стандартные отступы */
.wpcf7-form br {
    display: none !important;
}
/* Фикс для оберток полей */
.wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
}
.hero-item-background-group{
    background: linear-gradient(16deg, #0bbafb 0%, #4285ec 100% 56%) !important; 
}