.elementor-4325 .elementor-element.elementor-element-3b066a66{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4325 .elementor-element.elementor-element-59761664{--display:flex;}.elementor-4325 .elementor-element.elementor-element-7f326fa4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4325 .elementor-element.elementor-element-51b4fc9b{width:100%;max-width:100%;}.elementor-4325 .elementor-element.elementor-element-51b4fc9b .elementor-menu-toggle{margin-left:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-4325 .elementor-element.elementor-element-51b4fc9b{width:100%;max-width:100%;}}/* Start custom CSS for container, class: .elementor-element-3b066a66 *//* =========================================================
   TAXI ALEX — HEADER
   ========================================================= */


/* Фирменные цвета */
:root {
    --header-gruen: #518015; /* зелёный логотипа, телефона и hamburger */
    --taxi-orange: #FCA311; /* оранжевый только при взаимодействии */
    --taxi-schwarz: #111111; /* основной чёрный */
}


/* =========================================================
   ОСНОВНОЙ HEADER
   ========================================================= */

.site-header {
    width: calc(100% - 32px) !important; /* рабочая ширина Header */
    max-width: 1280px !important; /* жёсткая максимальная граница родительского контейнера */
    min-width: 0 !important; /* корректное уменьшение на узких экранах */

    margin: 0 auto !important; /* центрирует Header */

    padding: 0 !important; /* родительский контейнер полностью без внутренних отступов */

    box-sizing: border-box !important; /* границы рассчитываются стабильно */

    display: flex; /* Logo слева, Navigation справа */
    align-items: center; /* вертикальное выравнивание */
}


/* =========================================================
   ЛОГОТИП + ТЕЛЕФОН
   ========================================================= */

.header-logo {
    width: auto !important; /* контейнер по содержимому */
    max-width: none !important; /* без искусственного ограничения */
    flex: 0 0 auto; /* не растягивается */

    margin: 0 !important; /* без внешних отступов */
    padding: 0 !important; /* без внутренних отступов */

    display: flex; /* объединяет Logo и Telefon */
    flex-direction: column; /* телефон под логотипом */
    align-items: center; /* телефон по центру Logo */
    justify-content: center; /* центрирует группу */

    gap: 3px; /* расстояние Logo → Telefon */
}


/* Логотип Desktop */
.header-logo img {
    display: block; /* убирает технический зазор изображения */

    width: 250px !important; /* Desktop-размер */
    max-width: 250px !important; /* ограничивает размер */
    height: auto; /* сохраняет пропорции */

    margin: 0 auto !important; /* центрирует Logo */
}


/* Телефон */
.header-logo .elementor-button {
    width: auto !important; /* ширина определяется номером */
    min-width: 0 !important; /* убирает стандартный минимум */
    min-height: 0 !important; /* убирает стандартный минимум */

    margin: 0 auto !important; /* центрирует номер */
    padding: 0 !important; /* убирает оформление Button */

    background: transparent !important; /* без фона */

    border: 0 !important; /* без рамки */
    border-radius: 0 !important; /* без скругления */

    box-shadow: none !important; /* без тени */

    color: var(--header-gruen) !important; /* обычный зелёный */

    font-size: 28px !important; /* Desktop-размер */
    font-weight: 700 !important; /* жирный номер */
    line-height: 1.2; /* компактная высота строки */

    text-align: center; /* номер по центру */
    white-space: nowrap; /* номер не переносится */

    transition: color 0.2s ease; /* плавная смена цвета */
}


/* Текст телефона */
.header-logo .elementor-button-text {
    color: inherit !important; /* наследует цвет Button */

    font-size: inherit !important; /* наследует размер */
    font-weight: inherit !important; /* наследует насыщенность */
}


/* Телефон — hover / tap */
.header-logo .elementor-button:hover,
.header-logo .elementor-button:active,
.header-logo .elementor-button:hover .elementor-button-text,
.header-logo .elementor-button:active .elementor-button-text {
    color: var(--taxi-orange) !important; /* оранжевый при взаимодействии */
    background: transparent !important; /* фон не появляется */
}


/* =========================================================
   NAVIGATION — ОБЩИЕ НАСТРОЙКИ
   ========================================================= */

.header-nav {
    flex: 1 1 auto; /* получает оставшееся место */
    min-width: 0; /* предотвращает переполнение */

    margin: 0 0 0 60px !important; /* расстояние после Logo */
    padding: 0 !important; /* без внутренних отступов */

    display: flex; /* управление Navigation */
    align-items: center; /* вертикально по центру */
    justify-content: flex-end; /* Navigation справа */
}


/* Внутренний виджет меню */
.header-nav > * {
    width: 100% !important; /* использует всю область Navigation */
    max-width: 100% !important; /* без лишней области */

    margin: 0 !important; /* без внешних отступов */
    padding: 0 !important; /* без внутренних отступов */
}


/* Все ссылки меню */
.header-nav a {
    color: var(--taxi-schwarz) !important; /* обычное состояние чёрное */
    background: transparent !important; /* без фоновых плашек */

    text-decoration: none !important; /* без подчёркивания */

    border: 0 !important; /* без рамок */
    box-shadow: none !important; /* без декоративных линий */

    transition: color 0.2s ease !important; /* плавный цвет */
}


/* Убираем Elementor underline */
.header-nav a::before,
.header-nav a::after {
    display: none !important; /* скрывает декоративную линию */
    content: none !important; /* отключает псевдоэлемент */
}


/* Hover */
.header-nav a:hover {
    color: var(--taxi-orange) !important; /* оранжевый при наведении */
    background: transparent !important; /* без фона */
}


/* Touch */
.header-nav a:active {
    color: var(--taxi-orange) !important; /* оранжевый при касании */
    background: transparent !important; /* без фона */
}


/* Активная страница остаётся чёрной */
.header-nav .current-menu-item > a,
.header-nav .current-menu-ancestor > a {
    color: var(--taxi-schwarz) !important; /* без постоянного оранжевого */
    background: transparent !important; /* без фона */
}


/* Активная страница при взаимодействии */
.header-nav .current-menu-item > a:hover,
.header-nav .current-menu-item > a:active,
.header-nav .current-menu-ancestor > a:hover,
.header-nav .current-menu-ancestor > a:active {
    color: var(--taxi-orange) !important; /* оранжевый только при взаимодействии */
}


/* =========================================================
   DESKTOP — ОТ 1025 PX
   ========================================================= */

@media (min-width: 1025px) {

    /* Главное горизонтальное меню */
    .header-nav ul:not(.sub-menu) {
        width: 100% !important; /* вся ширина Navigation */

        margin: 0 !important; /* без внешних отступов */
        padding: 0 !important; /* без внутренних отступов */

        display: flex !important; /* пункты горизонтально */
        align-items: center !important; /* вертикально по центру */
        justify-content: flex-end !important; /* Kontakt к правой границе */

        gap: 24px !important; /* расстояние между пунктами */

        flex-wrap: nowrap !important; /* без переноса */
    }


    /* Пункты Desktop */
    .header-nav ul:not(.sub-menu) > li {
        margin: 0 !important; /* без дополнительных промежутков */
        padding: 0 !important; /* без дополнительных полей */
    }


    /* Ссылки Desktop */
    .header-nav ul:not(.sub-menu) > li > a {
        margin: 0 !important; /* без внешних отступов */

        padding-left: 0 !important; /* без лишнего пространства слева */
        padding-right: 0 !important; /* без лишнего пространства справа */

        font-size: 17px !important; /* размер Desktop */
        font-weight: 500 !important; /* насыщенность */

        white-space: nowrap; /* пункт в одну строку */
    }


    /* Dropdown Desktop */
    .header-nav .sub-menu {
        background: #ffffff !important; /* белый фон */

        padding: 4px 0 !important; /* компактный вертикальный воздух */
    }


    /* Строки Desktop-подменю */
    .header-nav .sub-menu li {
        margin: 0 !important; /* без лишних промежутков */
        padding: 0 !important; /* без лишних полей */
    }


    /* Ссылки Desktop-подменю */
    .header-nav .sub-menu li > a {
        padding-top: 7px !important; /* компактный верх */
        padding-bottom: 7px !important; /* компактный низ */
    }
}


/* =========================================================
   TABLET + MOBILE — ДО 1024 PX
   МЕНЮ ОТКРЫВАЕТСЯ ПОД HEADER, НЕ ПОВЕРХ HERO
   ========================================================= */

@media (max-width: 1024px) {

    /* Logo + Telefon — одинаково для Tablet и Mobile */
    .header-logo {
        width: 200px !important; /* одинаковая ширина на Tablet и Mobile */
        max-width: 200px !important; /* одинаковый максимум */

        flex: 0 0 200px !important; /* одинаковая зона Logo */

        margin: 0 !important; /* без внешних отступов */
        padding: 0 !important; /* без внутренних отступов */
    }


    /* Logo — одинаково для Tablet и Mobile */
    .header-logo img {
        width: 200px !important; /* одинаковый размер логотипа */
        max-width: 200px !important; /* одинаковый максимум */
    }


    /* Telefon — одинаково для Tablet и Mobile */
    .header-logo .elementor-button {
        font-size: 23px !important; /* одинаковый размер телефона */
    }


    /* Header разрешаем переносить Navigation на новую строку */
    .site-header {
        flex-wrap: wrap !important; /* раскрытое меню может занять следующую строку */
        align-items: flex-start !important; /* верхнее выравнивание */

        padding: 0 !important; /* родительский Header без внутренних отступов */
    }


    /* Navigation занимает оставшееся место в верхней строке */
    .header-nav {
        flex: 1 1 0 !important; /* зона справа от Logo */
        min-width: 0 !important; /* предотвращает переполнение */

        margin: 0 !important; /* убирает Desktop-отступ */
        padding: 0 !important; /* без внутренних полей */

        display: flex !important; /* Flexbox */
        flex-direction: column !important; /* toggle и dropdown вертикально */
        align-items: stretch !important; /* dropdown использует ширину Navigation */
        justify-content: flex-start !important; /* начало сверху */
    }


    /* Виджет меню */
    .header-nav > * {
        width: 100% !important; /* вся доступная ширина */
        max-width: 100% !important; /* без ограничения */

        margin: 0 !important; /* без внешних отступов */
        padding: 0 !important; /* без внутренних отступов */
    }


    /* Hamburger / крестик */
    .header-nav .elementor-menu-toggle {
        width: auto !important; /* размер только по иконке */
        min-width: 0 !important; /* без минимальной ширины */

        margin-left: auto !important; /* прижимает вправо */
        margin-right: 0 !important; /* к правой границе */

        padding: 4px !important; /* небольшая удобная зона клика */

        background: transparent !important; /* без серого квадрата */

        border: 0 !important; /* без рамки */
        border-radius: 0 !important; /* без скруглённой плашки */

        box-shadow: none !important; /* без тени */

        color: var(--header-gruen) !important; /* зелёные полоски / крестик */

        transition: color 0.2s ease !important; /* плавная смена цвета */
    }


    /* Hamburger / крестик — взаимодействие */
    .header-nav .elementor-menu-toggle:hover,
    .header-nav .elementor-menu-toggle:active {
        color: var(--taxi-orange) !important; /* оранжевый feedback */
        background: transparent !important; /* фон не появляется */
    }


    /* Раскрытое меню находится в потоке страницы */
    .header-nav .elementor-nav-menu--dropdown {
        position: static !important; /* меню больше не накладывается на Hero */

        top: auto !important;
        left: auto !important;
        right: auto !important;

        width: 100% !important; /* меню занимает ширину своей строки */
        max-width: 100% !important; /* не выходит наружу */

        margin: 8px 0 0 0 !important; /* расстояние после верхней строки */
        padding: 8px 0 10px 0 !important; /* внутренний вертикальный воздух */

        background: #ffffff !important; /* белый фон */

        border: 0 !important; /* без рамки */
        box-shadow: none !important; /* без тени */

        transform: none !important; /* без смещения Elementor */
    }


    /* Раскрытый список */
    .header-nav .elementor-nav-menu--dropdown > ul {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
    }


    /* Убираем разделительные линии */
    .header-nav .elementor-nav-menu--dropdown,
    .header-nav .elementor-nav-menu--dropdown ul,
    .header-nav .elementor-nav-menu--dropdown li,
    .header-nav .elementor-nav-menu--dropdown a {
        border: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;

        outline: 0 !important;

        box-shadow: none !important;
    }


    /* Главное меню */
    .header-nav .elementor-nav-menu--dropdown > ul > li > a {
        width: 100% !important;

        color: var(--taxi-schwarz) !important;
        background: transparent !important;

        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;

        padding: 6px 12px !important;

        text-align: right !important;
        justify-content: flex-end !important;

        white-space: normal !important;
    }


    /* Главное меню — hover/tap */
    .header-nav .elementor-nav-menu--dropdown > ul > li > a:hover,
    .header-nav .elementor-nav-menu--dropdown > ul > li > a:active {
        color: var(--taxi-orange) !important;
        background: transparent !important;
    }


    /* Подменю */
    .header-nav .elementor-nav-menu--dropdown .sub-menu {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 0 3px 18px !important;

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;
    }


    /* Текст подменю */
    .header-nav .elementor-nav-menu--dropdown .sub-menu li > a {
        width: 100% !important;

        color: var(--taxi-schwarz) !important;
        background: transparent !important;

        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;

        padding: 4px 12px !important;

        text-align: right !important;
        justify-content: flex-end !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
    }


    /* Подменю — hover/tap */
    .header-nav .elementor-nav-menu--dropdown .sub-menu li > a:hover,
    .header-nav .elementor-nav-menu--dropdown .sub-menu li > a:active {
        color: var(--taxi-orange) !important;
        background: transparent !important;
    }
}


/* =========================================================
   TABLET — 768–1024 PX
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    /* На Tablet меню после раскрытия занимает всю строку Header */
    .header-nav .elementor-nav-menu--dropdown {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* =========================================================
   MOBILE — ДО 767 PX
   ========================================================= */

@media (max-width: 767px) {

    /* Главное меню Mobile */
    .header-nav .elementor-nav-menu--dropdown > ul > li > a {
        font-size: 14px !important;
        padding: 8px 10px !important;
    }


    /* Подменю Mobile */
    .header-nav .elementor-nav-menu--dropdown .sub-menu {
        padding-left: 0 !important;
    }


    /* Текст подменю Mobile */
    .header-nav .elementor-nav-menu--dropdown .sub-menu li > a {
        font-size: 10px !important;
        padding: 4px 2px !important;
    }
}/* End custom CSS */