/**
 * Шапка внутренних страниц (mas-global-header.php).
 * Изолированный файл — не дублировать эти правила в functions.php (см. MAS_SAFEGUARDS.md).
 */

/* ——— Общий контейнер ——— */
.mas-global-header-shell {
    overflow: visible !important;
}

.mas-global-header-shell--v1-band {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
    margin-bottom: 0;
}

/* ——— Белая полоса с логотипом и иконками ——— */
/* Внешний элемент — фон на всю ширину */
.mas-internal-header-top {
    background: #fff;
    border-bottom: 1px solid rgba(200, 122, 69, 0.14);
    box-sizing: border-box;
}

/* Внутренний wrapper — ограничивает контент по ширине, совпадает с Elementor-контейнером */
.mas-internal-header-top-inner {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    box-sizing: border-box;
    min-height: 64px;
    gap: 0;
}

/* ——— Логотип — слева ——— */
.mas-internal-brand {
    text-decoration: none;
    line-height: 1;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.mas-internal-brand:hover {
    opacity: 0.85;
}

.mas-internal-logo {
    height: 40px;
    width: auto;
    display: block;
    object-fit: contain;
}

@media (max-width: 767px) {
    .mas-internal-logo {
        height: 32px;
    }
}

/* ——— Блок иконок: flex:1 по центру ——— */
.mas-global-header-shell--v1-band .mas-internal-header-top-inner .mas-icons-bar {
    flex: 1 1 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
}

/* Внутренний div (значок соцсетей) — display:contents чтобы иконки стали flex-items внутри .mas-icons-bar */
.mas-global-header-shell--v1-band .mas-internal-header-top-inner .mas-icons-bar>div:first-child {
    display: contents !important;
}

/* ——— Телефон — справа ——— */
.mas-global-header-shell--v1-band .mas-internal-header-top-inner .mas-phone-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0;
    margin-left: 0;
    white-space: nowrap;
}

.mas-global-header-shell--v1-band .mas-internal-header-top-inner .mas-phone-wrap>a[href^="tel"]:first-of-type {
    color: #3c2f2f !important;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.5px;
    text-shadow: none !important;
}

/* Скрываем кнопку Позвонить во внутреннем меню */
.mas-global-header-shell--v1-band .mas-internal-header-top-inner .mas-phone-wrap>a[href^="tel"]:nth-of-type(2) {
    display: none !important;
}

/* ——— Полоса с навигацией ——— */
.mas-internal-nav-band {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(165deg, #fffdf9 0%, #f6ecdb 36%, #ebdac4 70%, #e2d0b6 100%);
    padding: 18px clamp(12px, 3vw, 28px) 22px;
    box-sizing: border-box;
    min-height: 88px;
}

.mas-global-header-shell--v1-band .mas-internal-nav-band .mas-nav.mas-nav--internal-pill {
    width: auto !important;
    max-width: min(940px, calc(100vw - 28px)) !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 auto !important;
    border-radius: 999px !important;
    border: 1px solid rgba(200, 122, 69, 0.26) !important;
    border-bottom: 1px solid rgba(200, 122, 69, 0.26) !important;
    background: rgba(255, 253, 250, 0.58) !important;
    box-shadow:
        0 10px 36px rgba(60, 47, 47, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(18px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(118%) !important;
}

.mas-global-header-shell--v1-band .mas-internal-nav-band .mas-nav.mas-nav--internal-pill.mas-nav-sticky {
    position: fixed !important;
    top: 12px !important;
    left: 50% !important;
    right: auto !important;
    width: auto !important;
    max-width: min(940px, calc(100vw - 24px)) !important;
    transform: translateX(-50%) !important;
    background: rgba(255, 252, 248, 0.94) !important;
    box-shadow:
        0 12px 40px rgba(60, 47, 47, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
    z-index: 9999 !important;
}

.mas-global-header-shell--v1-band .mas-internal-nav-band .mas-nav--internal-pill .mas-nav-inner {
    max-width: none !important;
    width: 100%;
    padding: 0 8px 0 12px !important;
}

.mas-global-header-shell--v1-band .mas-internal-nav-band .mas-nav-scroll-wrap::after {
    background: linear-gradient(to right, transparent, rgba(255, 254, 252, 0.94)) !important;
}

/* ——— Мобильные адаптации ——— */
@media (max-width: 900px) {
    .mas-global-header-shell--v1-band .mas-internal-header-top-inner {
        flex-direction: column;
        align-items: center;
        gap: 14px;
        min-height: auto;
    }

    .mas-global-header-shell--v1-band .mas-internal-header-top-inner .mas-icons-bar {
        position: static !important;
        transform: none !important;
        left: auto !important;
        top: auto !important;
        margin-top: 0 !important;
        order: 2;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .mas-global-header-shell--v1-band .mas-internal-brand {
        order: 1;
    }

    .mas-global-header-shell--v1-band .mas-internal-header-top-inner .mas-phone-wrap {
        order: 3;
        margin-left: 0;
    }

    .mas-global-header-shell--v1-band .mas-internal-nav-band .mas-nav.mas-nav--internal-pill {
        max-width: calc(100% - 12px) !important;
        width: calc(100% - 12px) !important;
        margin-left: 6px !important;
        margin-right: 6px !important;
        border-radius: 20px !important;
    }

    .mas-global-header-shell--v1-band .mas-internal-nav-band .mas-nav.mas-nav--internal-pill.mas-nav-sticky {
        left: 6px !important;
        right: 6px !important;
        width: calc(100% - 12px) !important;
        max-width: none !important;
        transform: none !important;
    }
}