/* ================================================= */
/* === 1. ГЛОБАЛЬНЫЕ НАСТРОЙКИ (ОБЩИЕ) === */
/* ================================================= */

html {
    scroll-behavior: smooth; /* Плавная прокрутка при клике на якоря */
}

/* Убираем отступы у всего тела сайта, чтобы шапка не "отъезжала" вниз */
body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* --- ФИКС ПРЫГАЮЩЕГО ХЕДЕРА (Самое важное для высоты) --- */
/* Скрываем пустые блоки-разделители (Spacers), которые создают дыру в 100px */
.gutenify-section-c0e6d590-3649-11ee-83e1-6dcd6424b662 .wp-block-spacer,
.wp-block-spacer.uag-hide-mob {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Настройка контейнера хедера: делаем его максимально компактным */
.wp-block-group.gutenify-section-c0e6d590-3649-11ee-83e1-6dcd6424b662 {
    padding-top: 0px !important;    /* Минимальный отступ сверху */
    padding-bottom: 0px !important; /* Минимальный отступ снизу */
    min-height: unset !important;   /* Запрещаем растягиваться по высоте */
    gap: 0 !important;              /* Убираем зазоры между элементами */
}

/* Выравниваем элементы (Лого, Меню, Кнопку) по центру по вертикали */
.gutenify-section-c0e6ae80-3649-11ee-83e1-6dcd6424b662 {
    align-items: center !important;
}

/* Ограничиваем высоту логотипа, чтобы при загрузке он не распирал шапку */
.wp-block-site-logo img {
    max-height: 75px !important;
    width: auto !important;
    object-fit: contain;
}



/* ================================================= */
/* === 2. НАСТРОЙКА ЯЗЫКОВ (TranslatePress Fixes) === */
/* ================================================= */

/* Глобальный сброс стилей плагина.
   Это убирает "Белую вспышку" и рамки при загрузке страницы. */
.trp-language-switcher > div,
.trp-shortcode-switcher,
.trp-ls-shortcode-language {
    background-color: transparent !important; /* Прозрачный фон везде */
    background-image: none !important;        /* Убираем фоновые картинки/стрелки */
    border: none !important;                  /* Убираем любые рамки */
    box-shadow: none !important;              /* Убираем тени */
    outline: none !important;                 /* Убираем обводку */
    padding: 0 !important;                    /* Сбрасываем внутренние отступы */
}

/* Скрываем "мусорные" теги (пустые параграфы), которые добавляет WordPress */
.trp-language-switcher p,
.trp-language-switcher br {
    display: none !important;
}

/* Стили для текста ссылок (DE / EN) */
.trp-language-switcher > div > a {
    color: #ffffff !important;        /* Текст всегда белый */
    font-size: 14px !important;       /* Размер шрифта */
    padding: 22px 3px 3px 2px;     /* Аккуратный отступ вокруг текста */
    text-decoration: none !important; /* Без подчеркивания */
    background: transparent !important;
    display: block;
}

/* Эффект при наведении мыши на язык */
.trp-language-switcher > div > a:hover {
    background: rgba(255, 255, 255, 0.1) !important; /* Легкая прозрачная подсветка */
    border-radius: 4px;
	padding: 22px 3px 3px 2px;
}

/* Стили для выпадающего списка (когда открываем выбор языков) */
.trp-language-switcher .trp-ls-shortcode-language {
    background-color: #000 !important; /* Фон списка делаем черным */
    border: 1px solid #333 !important; /* Темно-серая рамка */
    margin-top: 5px !important;
}
/* ================================================== */
/* === ФИНАЛЬНАЯ НАСТРОЙКА ОТСТУПОВ ХЕДЕРА === */
/* ================================================== */

/* 1. Настраиваем контейнер хедера */
.gutenify-section-c0e6ae80-3649-11ee-83e1-6dcd6424b662 {
    /* Отключаем растягивание "по краям", чтобы убрать дыры */
    justify-content: flex-start !important; 
    
    /* Задаем фиксированный маленький отступ между всеми элементами (Меню, Язык, Кнопка) */
    gap: 20px !important; 
}

/* 2. Толкаем Меню (и всё, что после него) в правую часть экрана */
.gutenify-section-c0e6ae80-3649-11ee-83e1-6dcd6424b662 .wp-block-navigation {
    margin-left: auto !important;
}


/* ================================================= */
/* === 3. БЛОКИ КОНТЕНТА (Слайдеры, Галереи, Формы) === */
/* ================================================= */

/* Выравнивание высоты блоков в сетке портфолио (flexbox) */
.gutenify-section-7cc57e40-feca-11ed-928f-1786e3d1b389, 
.gutenify-section-7ccd1f60-feca-11ed-928f-1786e3d1b389, 
.gutenify-section-7cd11700-feca-11ed-928f-1786e3d1b389, 
.gutenify-section-7cd5d1f0-feca-11ed-928f-1786e3d1b389, 
.gutenify-section-7cda17b0-feca-11ed-928f-1786e3d1b389, 
.gutenify-section-7cde0f50-feca-11ed-928f-1786e3d1b389 {
    display: flex;
    align-items: stretch;
    min-height: 560px;
    flex-direction: column;
    justify-content: space-between;
}

/* Убираем фон у некоторых блоков на странице Contact */
.gtfy-53, .gtfy-39, .gtfy-46, .gtfy-60 {
    background: none;
}
/* Убираем тень у конкретного элемента */
.gtfy-63 {
    box-shadow: none !important;
}
/* Закругление кнопки отправки формы */
.wpcf7 input[type=submit] {
    border-radius: 5px;
}

/* ================================================= */
/* === 4. АДАПТИВНОСТЬ (Мобильные и Планшеты) === */
/* ================================================= */

/* --- ТЕЛЕФОНЫ (ширина экрана до 600px) --- */
@media (max-width: 599px) {
    /* Логотип поменьше */
    .wp-block-site-logo { width: 15%; }
    
    /* Скрываем элементы, помеченные классом hide-mob */
    .uag-hide-mob { display: none !important; }
    
    /* Отступ для подпунктов меню */
   /* .gtfy-11, .gtfy-12 { margin-left: 50px; }*/ 

    /* Позиция кнопки закрытия меню (крестик) */
    .wp-block-navigation__responsive-container-close {
        position: absolute; right: 15px; top: 10px; z-index: 2;
    }

    /* Меняем порядок: Язык (1) сверху, Меню (2) снизу */
    .wp-block-navigation { order: 2; padding: 5px 2px; }
    .wp-block-shortcode { order: 1; }

    /* Центрирование блоков в футере или контенте */
    .gtfy-104, .gtfy-108 {
        display: flex; justify-content: center; padding-top: 20px !important;
    }
	
	/* ГЛАВНЫЙ КОНТЕЙНЕР * страницы Contact/
    /* Убираем "прилипание" к левой стороне */
	.page-id-188.gtfy-62, 
   	.page-id-188 .wp-block-columns.gtfy-62 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* Центрируем всё */
        width: 100% !important;
        padding-left: 20px !important;  /* Небольшие отступы от краев экрана */
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    /* 2. КОНТАКТЫ (ИКОНКИ) - 4 строки в 1 столбик */
    .page-id-188 .gtfy-59, 
    .page-id-188 .wp-block-column.gtfy-59 {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 40px !important;
        padding: 0 !important;
    }

    .page-id-188 .gtfy-59 .wp-block-gutenify-info-box {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
    }

    /* Центрируем текст и сами иконки */
   .page-id-188 .gtfy-59 .gutenify-icon-wrapper,
   .page-id-188 .gtfy-59 h3, .gtfy-59 h4, .gtfy-59 p {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        justify-content: center !important;
    }

    /* 3. ФОРМА ОБРАТНОЙ СВЯЗИ - На всю ширину */
 
   .page-id-188 .gtfy-60, .wpcf7 {
        width: 100% !important;
        max-width: 100% !important; /* Растягиваем на весь экран */
        margin: 0 !important;
    }
    
    /* Убеждаемся, что поля ввода широкие */
    .wpcf7 input:not([type="submit"]), 
    .wpcf7 textarea {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* --- БОЛЬШИЕ ТЕЛЕФОНЫ / МАЛЕНЬКИЕ ПЛАНШЕТЫ (601px - 767px) --- */
@media (min-width: 600px) and (max-width: 767px) {
    .uag-hide-mob { display: none !important; }
    
    /* Логотип на всю ширину в этом диапазоне */
    .wp-block-site-logo { width: 100%; }
    .wp-block-site-title { text-align: left; width: 100%; }

    /* Настройки меню навигации */
    .wp-block-navigation {
        order: 2; padding: 0px 10px 0px 0px; font-size: 14px;
    }
    .wp-block-shortcode { order: 1; }

    .wp-block-navigation ul { padding: 20px 20px; }
    
    .wp-block-navigation__responsive-container-close {
        position: absolute; right: 15px; top: 10px; z-index: 2;
    }

    /* Увеличиваем мелкий шрифт */
    .has-small-font-size { font-size: 20px !important; }
    .gtfy-11, .gtfy-12 { margin-left: 50px; }

    /* Стили кнопок слайдера (стрелки влево/вправо) */
    .wp-block-gutenify-advance-slider .swiper-button-next,
    .wp-block-gutenify-advance-slider .swiper-button-prev {
        height: 20px; width: 20px; opacity: 0.33; margin-top: 50px;
    }

    /* Центрирование кнопок */
    .wp-block-gutenify-buttons.is-content-justification-left {
        justify-content: center;
    }

    /* Ограничение ширины контента */
    .gutenify-section-7cbe7960-feca-11ed-928f-1786e3d1b389 {
        margin: 0 auto; width: 100%; max-width: 1000px;
        padding: 0px 40px 0px 0px; box-sizing: border-box;
    }

    /* Настройка изображений */
    .wp-block-media-text img {
        max-width: 84%; display: block; margin: 0 auto;
    }
    .page-id-2 .wp-block-media-text img {
        width: 100%; height: 400px; object-fit: cover; object-position: center;
    }
    .nivoSlider img {
        width: 100% !important; height: 100% !important; object-fit: unset !important;
    }
}
/* ================================================== */
/* === ФИКС СПИСКА ОБОРУДОВАНИЯ (Сетка 2x2) === */
/* ================================================== */

/* На мобильных устройствах (до 767px) */
@media (min-width: 600px) and (max-width: 767px) {
    
    /* 1. Разрешаем контейнеру переносить блоки на новую строку */
    .gtfy-69 {
        flex-wrap: wrap !important; /* Самое важное: разрешить перенос блоков! */
        justify-content: center !important; /* Центрируем */
        gap: 10px !important; /* Расстояние между блоками */
    }

    /* 2. Настраиваем сами столбцы с текстом */
    .gtfy-69 p {
        /* Заставляем каждый блок занимать 45% ширины (по 2 в ряд) */
        flex-basis: 45% !important; 
        width: 45% !important;
        
        /* Возвращаем ваш запрет на перенос слов внутри блока */
        white-space: nowrap !important; 
        
        /* Убираем лишние отступы */
        margin-bottom: 20px !important; 
    }
}

/* --- ПЛАНШЕТЫ / НОУТБУКИ (768px - 1024px) --- */
@media (min-width: 768px) and (max-width: 1024px) {
    .uag-hide-mob { display: none !important; }
    .wp-block-site-logo { width: 15%; }
    .wp-block-site-title { text-align: left; width: 100%; }
    
    .wp-block-navigation {
        font-size: 14px; padding: 0px 10px 0px 0px; white-space: nowrap;
    }

    .wp-block-gutenify-buttons.is-content-justification-left {
        justify-content: center;
    }

    /* Ограничение высоты видео (Reels) */
    iframe.gtfy-103, iframe.gtfy-105, iframe.gtfy-107 {
        max-width: 100%; max-height: 500px;
    }

    /* Сетка блоков услуг (Services Grid) */
    .gutenify-section-7cc57e40-feca-11ed-928f-1786e3d1b389, 
    .gutenify-section-7ccd1f60-feca-11ed-928f-1786e3d1b389, 
    .gutenify-section-7cd11700-feca-11ed-928f-1786e3d1b389, 
    .gutenify-section-7cd5d1f0-feca-11ed-928f-1786e3d1b389, 
    .gutenify-section-7cda17b0-feca-11ed-928f-1786e3d1b389, 
    .gutenify-section-7cde0f50-feca-11ed-928f-1786e3d1b389 {
        display: flex; align-items: stretch; min-height: 590px;
        flex-direction: column; justify-content: space-between; padding: 10px !important;
    }

    /* Шрифты для страницы About */
    .gutenify-section-380ec1f0-2e1b-11ee-990d-f33b24b02026 {
        font-size: 15px; line-height: 1.4;
    }
    .gtfy-43, .gtfy-57, .gutenify-section-380f8540-2e1b-11ee-990d-f33b24b02026 {
        line-height: 1.4; font-size: 15px;
    }
    .gutenify-section-41073490-2e1b-11ee-990d-f33b24b02026 {
        line-height: 1.4;
    }
    /*.gtfy-72 { white-space: nowrap !important; }*/

    /* Отступы на странице Contact */
    .gutenify-section-5b0ae1a0-eef6-11ef-b50b-039466ca03da {
        max-width: 100%; margin-right: 20px;
    }
    .wp-block-gutenify-service.gutenify-service-col-2 .gutenify-service-block {
        display: flex !important;
    }
	/* 1. Разрешаем контейнеру переносить блоки на новую строку */
    .gtfy-69 {
        flex-wrap: wrap !important; /* Самое важное: разрешить перенос блоков! */
        justify-content: center !important; /* Центрируем */
        gap: 10px !important; /* Расстояние между блоками */
    }

    /* 2. Настраиваем сами столбцы с текстом */
        
        /* Возвращаем ваш запрет на перенос слов внутри блока */
        white-space: nowrap !important; 
        
        /* Убираем лишние отступы */
        margin-bottom: 20px !important; 
    }
}
/* ================================================== */
/* === КНОПКА ОТПРАВКИ ПО ЦЕНТРУ === */
.wpcf7 input[type="submit"] {
    display: block !important;      /* Делаем кнопку блоком */
}
	.wpcf7 p:has(input[type="submit"]) {
    text-align: center !important;
    padding-left: 65px;
}

/* ================================================== */
/* === ВЫРАВНИВАНИЕ ВСЕХ БЛОКОВ "МЕДИА И ТЕКСТ" ПО НИЗУ === */
/* ================================================== */

/* Применяем ко всем блокам Media & Text только на странице Photos */
@media (min-width: 600px) {
	.metaslider.ms-theme-cubic {
  padding-bottom: 0 !important;
}

/* 1. Скрываем пустые параграфы (те самые <p></p>) */
.page-id-2 .wp-block-media-text__content p:empty,
.page-id-2 .gtfy-28 p:empty,
.page-id-2 .gtfy-29 p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}
}
/* ================================================== */
/* === ФИКС МОБИЛЬНОГО МЕНЮ (ПОЛНЫЙ) === */
/* ================================================== */

@media (max-width: 767px) {
    
    /* 1. РОДИТЕЛЬСКИЙ ПУНКТ (Portfolio) */
    /* Самое важное: flex-wrap: wrap позволяет подменю упасть на новую строку */
    .wp-block-navigation-item.has-child {
        display: flex !important;
        flex-wrap: wrap !important;      /* Разрешаем перенос! */
        align-items: center !important;
        height: auto !important;         /* Высота должна расти */
        padding-bottom: 0 !important;
        position: relative !important;   /* Чтобы кнопка позиционировалась относительно него */
    }

    /* Ссылка Portfolio занимает всё место слева */
    .wp-block-navigation-item.has-child > a {
        flex-grow: 1 !important;
        margin-right: 50px !important; /* Место для кнопки */
    }

    /* 2. КНОПКА-СТРЕЛКА */
    .wp-block-navigation__submenu-icon,
    .wp-block-navigation-submenu__toggle {
        display: block !important;
        width: 50px !important;
        height: 50px !important;
        position: absolute !important;   /* Отвязываем кнопку, чтобы она была справа */
        top: 0 !important;
        right: 0 !important;
        z-index: 10 !important;
        background: transparent !important;
        border: none !important;
        cursor: pointer !important;
    }

    /* 3. ВЫПАДАЮЩЕЕ МЕНЮ (Videos / Photos) */
    /* FIX НАЛОЖЕНИЯ: position: static заставляет меню расталкивать соседей */
    .wp-block-navigation__submenu-container {
        position: static !important;     /* КЛЮЧЕВОЙ МОМЕНТ: Не парить, а лежать в потоке */
        width: 100% !important;          /* На всю ширину */
        height: auto !important;
        
        /* Дизайн */
        padding-left: 20px !important;   /* Отступ "лесенкой" */
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        
        /* Скрыто по умолчанию */
        display: none;
        visibility: hidden; 
        opacity: 0;
    }

    /* 4. ОТКРЫТИЕ МЕНЮ */
    /* Когда нажата кнопка (aria-expanded="true"), показываем блок */
    .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
    .is-menu-open .wp-block-navigation__submenu-container {
        visibility: visible !important;
        opacity: 1 !important;
    }
}
.grecaptcha-badge { 
    visibility: hidden !important;
    opacity: 0 !important;
}