.elementor-17360 .elementor-element.elementor-element-9859aee{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;}.elementor-17360 .elementor-element.elementor-element-f44733f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-fafd3ab */.top-header-bar {
    background: #ffffff;
    padding: 15px 0;
}

.header-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    align-items: center; 
}

.header-column {
    flex: 1; 
    display: flex;
    flex-direction: column;
    /* Центрирование содержимого */
    align-items: center;     /* По горизонтали внутри колонки */
    justify-content: center; /* По вертикали */
    text-align: center;      /* Для многострочного текста */
    
    padding: 0 10px;
    border-left: 1px solid #e0e0e0; 
}

.header-column {
    flex: 1; 
    display: flex;
    flex-direction: column;
    align-items: center;     
    justify-content: center; 
    text-align: center;      
    padding: 0 10px;
    border-left: 1px solid #e0e0e0; 
    min-width: 0; /* ВАЖНО: не дает контенту ломать сетку */
}

.metro { 
    font-weight: 700; 
    color: #333; 
    font-size: 14px; 
    line-height: 1.4 !important; /* Четкий отступ между строками */
    display: block;
}

.street { 
    color: #666; 
    font-size: 13px; 
    line-height: 1.4 !important; /* Четкий отступ между строками */
    margin-top: 5px;
    display: block;
}


/* Логотип */
.header-logo {
    max-width: 100%;
    height: auto;
    max-height: 70px; 
    object-fit: contain;
}

/* Адрес */
.metro { 
    font-weight: 700; 
    color: #666666; 
    font-size: 16px; 
    display: block;
}
.street { 
    color: #666666; 
    font-size: 15px; 
    margin-top: 2px;
    display: block;
}

/* Телефон */
.phone-link { 
    color: #5a2d6d; 
    font-size: 18px; 
    font-weight: 800; 
    text-decoration: none; 
    white-space: nowrap; /* Чтобы номер не переносился */
}

/* График */
.schedule-col { 
    font-size: 13px; 
    color: #666666; /* Сделал чуть светлее, как на скрине */
}
.sch-row { 
    display: flex; 
    justify-content: space-between; 
    width: 140px; /* Фиксированная ширина для ровного столбца времени */
}

/* Мобильная адаптация */
@media (max-width: 768px) {
    .header-container { flex-direction: column; gap: 15px; }
    .header-column { border-left: none; width: 100%; }
}


.logo-link {
    display: block;
    line-height: 0; /* Убирает лишний отступ под картинкой */
    text-decoration: none !important;
    border: none !important;
}

.logo-link:hover {
    opacity: 0.9; /* Легкий эффект при наведении, по желанию */
}


.header-column {
    flex: 1;
    min-width: 300px; /* Не дает колонке стать уже 200 пикселей */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}

/* Специально для адреса, если там много текста */
.address-col {
    flex: 1.2; /* Даем адресу чуть больше пространства (на 20%), чем остальным */
}

/* Плавный переход для логотипа */
.header-logo {
    transition: transform 0.3s ease !important; /* Время анимации 0.3 сек */
}

/* Эффект при наведении на ссылку-логотип */
.logo-link:hover .header-logo {
    transform: translateX(10px) !important; /* Смещение вправо на 10 пикселей */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3250c13 */:root { 
    --main-color: #DAAA33; 
    --text-white: #ffffff; 
} 

.custom-nav { 
    background-color: #DAAA33; 
    position: relative; 
    z-index: 9999 !important; 
} 

.nav-list { 
    display: flex; 
    list-style: none; 
    margin: 0; 
    padding: 0; 
} 

.nav-list > li > a { 
    display: block; 
    padding: 20px 25px; 
    color: #ffffff !important; 
    text-decoration: none; 
    font-weight: 600; 
    font-size: 15px; 
    transition: 0.3s; 
} 

.submenu { 
    display: none; 
    position: absolute; 
    background: white; 
    min-width: 220px; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); 
    padding: 10px 0; 
    z-index: 999; 
} 

.submenu li a { 
    padding: 10px 20px; 
    display: block; 
    color: #666666; 
    text-decoration: none; 
    font-size: 15px; 
} 

.submenu li a:hover { 
    color: #b19454; 
    background-color: #f5f5f5; 
} 

@media (min-width: 769px) { 
    .has-dropdown:hover .submenu { 
        display: block !important; 
    } 
    .nav-list > li:hover > a { 
        background: rgba(0,0,0,0.1); 
    } 
} 

@media (max-width: 768px) { 
    .has-dropdown.open > .submenu { 
        display: block !important; 
    } 

    .menu-toggle { 
        background-color: #DAAA33; 
        display: block; 
        padding: 15px; 
        cursor: pointer; 
    } 

    .bar { 
        display: block; 
        width: 25px; 
        height: 3px; 
        margin: 5px auto; 
        background-color: #FFFFFF; 
        transition: 0.3s; 
    } 

    .nav-list { 
        display: none !important; 
        flex-direction: column; 
        width: 100%; 
        background-color: #FFFFFF; 
    } 

    .nav-list li a { 
        color: #000000 !important; 
        padding: 15px 20px; 
        display: block; 
        text-decoration: none; 
        border-bottom: 1px solid #f0f0f0; 
    } 

    .nav-list.active { 
        display: flex !important; 
    } 

    .submenu { 
        position: static; 
        display: none !important; 
        background-color: #ffffff; 
        padding-left: 20px; 
    } 

    .has-dropdown.open .submenu { 
        display: block; 
    } 
}

/* Скругление нижних углов у выпадающего меню */
.submenu {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    overflow: hidden; /* Чтобы фон подпунктов не вылезал за границы скругления */
}

/* Если у последнего пункта в подменю есть фон при наведении, 
   ему тоже нужно скругление, чтобы он не перекрывал углы */
.submenu li:last-child a:hover {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f44733f */.nav-list {
    display: flex;
    justify-content: center; /* Центрирует пункты по горизонтали */
    align-items: center;     /* Центрирует по вертикали, если нужно */
    list-style: none;
    margin: 0;
    padding: 0;
}/* End custom CSS */