/* Azbuka direct header fix 1.0.3 — стабильный ПК-логотип */

/*
 * ПК:
 * - логотип теперь НЕ <img>, а CSS ::before — сторонние Codex-скрипты его не удалят;
 * - рядом крупная надпись «Недвижимость Азбуки Сдел'ок»;
 * - бренд растягивается по свободной белой области до блока соцсетей/телефонов.
 */
@media (min-width: 761px) {
    .site-header .header-top.container {
        height:100px !important;
        min-height:100px !important;
        display:flex !important;
        align-items:center !important;
        gap:18px !important;
    }

    .site-header .brand-wrap.azbuka-brand-v2 {
        display:flex !important;
        align-items:center !important;
        flex:1 1 auto !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
        overflow:visible !important;
    }

    .site-header .azbuka-brand-v2__link {
        display:flex !important;
        align-items:center !important;
        flex:1 1 auto !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        text-decoration:none !important;
        overflow:visible !important;
    }

    .site-header .azbuka-pc-brand {
        display:flex !important;
        align-items:center !important;
        flex:1 1 auto !important;
        width:100% !important;
        min-width:0 !important;
        gap:clamp(16px, 1.15vw, 22px) !important;
        white-space:nowrap !important;
        overflow:visible !important;
    }

    /* Сам знак. Он всегда остаётся на месте, даже если другой JS удаляет картинки из brand-wrap. */
    .site-header .azbuka-pc-brand::before {
        content:"" !important;
        display:block !important;
        flex:0 0 clamp(170px, 12vw, 220px) !important;
        width:clamp(170px, 12vw, 220px) !important;
        height:88px !important;
        min-height:88px !important;
        background-image:url("../images/azbuka-desktop-mark.png") !important;
        background-repeat:no-repeat !important;
        background-position:left center !important;
        background-size:contain !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:none !important;
    }

    .site-header .azbuka-pc-brand__title {
        display:block !important;
        flex:0 1 auto !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        color:#0755ad !important;
        font-family:Montserrat, "Montserrat Alternates", Arial, Helvetica, sans-serif !important;
        font-size:clamp(35px, 2.55vw, 48px) !important;
        line-height:1 !important;
        font-weight:700 !important;
        letter-spacing:.005em !important;
        text-transform:none !important;
        white-space:nowrap !important;
        overflow:visible !important;
        text-shadow:none !important;
    }

    /* Правую часть не сжимаем: бренд занимает ровно оставшееся место до значков. */
    .site-header .header-actions {
        flex:0 0 auto !important;
        margin-left:auto !important;
        min-width:max-content !important;
    }

    /* Любой старый desktop-логотип, который может вернуть сторонний плагин, скрываем. */
    .site-header .brand-wrap.azbuka-brand-v2 .custom-logo-link,
    .site-header .brand-wrap.azbuka-brand-v2 img.custom-logo,
    .site-header .brand-wrap.azbuka-brand-v2 img.codex-header-logo,
    .site-header .brand-wrap.azbuka-brand-v2 img.azbuka-pc-brand__mark,
    .site-header .brand-wrap.azbuka-brand-v2 .brand:not(.azbuka-pc-brand) {
        display:none !important;
    }

    .site-header .azbuka-mobile-brand__logo {
        display:none !important;
    }

    /*
     * 1.0.5 — защита от старого Codex-плагина azbuka-header-home-menu 1.1.0.
     * Он назначает класс .azbuka-sdelok-logo любому IMG внутри .brand-wrap
     * и своим поздно загруженным CSS снова показывает его на ПК.
     * Поэтому на ПК внутри brand-wrap разрешён только наш CSS-знак + текст.
     */
    body .site-header .brand-wrap.azbuka-brand-v2 img,
    body .site-header .brand-wrap.azbuka-brand-v2 .azbuka-sdelok-logo,
    body .site-header .brand-wrap.azbuka-brand-v2 .azbuka-mobile-brand__logo,
    body .site-header .brand-wrap.azbuka-brand-v2 .custom-logo,
    body .site-header .brand-wrap.azbuka-brand-v2 .codex-header-logo {
        display:none !important;
        width:0 !important;
        height:0 !important;
        min-width:0 !important;
        max-width:0 !important;
        min-height:0 !important;
        max-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        opacity:0 !important;
        visibility:hidden !important;
        position:absolute !important;
        pointer-events:none !important;
    }

}

/* Ноутбуки: уменьшаем только настолько, чтобы телефоны/соцсети не налезали. */
@media (min-width: 761px) and (max-width: 1399px) {
    .site-header .header-top.container {
        gap:12px !important;
    }
    .site-header .azbuka-pc-brand {
        gap:12px !important;
    }
    .site-header .azbuka-pc-brand::before {
        flex-basis:clamp(118px, 10vw, 165px) !important;
        width:clamp(118px, 10vw, 165px) !important;
        height:72px !important;
        min-height:72px !important;
    }
    .site-header .azbuka-pc-brand__title {
        font-size:clamp(25px, 2.15vw, 36px) !important;
        letter-spacing:0 !important;
    }
}

/* Мобильная верхняя шапка остаётся визуально прежней,
   но логотип теперь CSS-фон: старый desktop-плагин больше не может его перехватить. */
@media (max-width: 760px) {
    .site-header .azbuka-brand-v2 {
        flex:0 1 132px !important;
        width:132px !important;
        min-width:96px !important;
        max-width:132px !important;
    }

    .site-header .azbuka-brand-v2__link {
        display:block !important;
        position:relative !important;
        width:132px !important;
        max-width:132px !important;
        height:42px !important;
        min-height:42px !important;
        overflow:visible !important;
    }

    .site-header .azbuka-pc-brand {
        display:none !important;
    }

    .site-header .azbuka-brand-v2__link::before {
        content:"" !important;
        display:block !important;
        position:absolute !important;
        inset:0 !important;
        width:132px !important;
        height:42px !important;
        background-image:url("../images/azbuka-new-logo.webp") !important;
        background-repeat:no-repeat !important;
        background-position:left center !important;
        background-size:contain !important;
        pointer-events:none !important;
    }

    .site-header .azbuka-brand-v2__link > img,
    .site-header .brand-wrap.azbuka-brand-v2 img {
        display:none !important;
    }
}

/* На широком экране освобождаем место для последнего пункта «Контакты». */
@media (min-width: 1001px) {
    .site-header .main-menu {
        gap:clamp(12px, 1.35vw, 24px) !important;
        justify-content:flex-start !important;
        min-width:0 !important;
    }
    .site-header .main-menu > li {
        flex:0 0 auto !important;
        min-width:0 !important;
    }
    .site-header .main-menu > li > a {
        font-size:clamp(13px, .88vw, 16px) !important;
        white-space:nowrap !important;
    }
}

/* Новый логотип в Codex-мобильном меню. */
.azbuka-v2-mobile-logo {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:calc(100% - 32px) !important;
    max-width:680px !important;
    margin:14px auto 18px !important;
    padding:8px 12px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.98) !important;
    box-sizing:border-box !important;
    text-decoration:none !important;
}
.azbuka-v2-mobile-logo img {
    display:block !important;
    width:100% !important;
    max-width:560px !important;
    height:auto !important;
    max-height:92px !important;
    object-fit:contain !important;
}

