/* =========================================================
   AESTO Clinic Варна — персонализации (само Варна поддомейн)
   Зарежда се след style.css само когато isVarnaSubdomain.
   Бранд цветове: --black (графит), --primary (таупе),
   --cream (крем), --white. Без синьо.
   ========================================================= */

/* ---------- HERO (нов банер: текст вляво, визия вдясно) ---------- */
.page-hero--varna {
    position: relative;
    overflow: hidden;
    padding: clamp(116px, 15vh, 168px) 0 clamp(56px, 8vh, 86px);
    background-color: var(--cream);
    text-align: left;
}
.page-hero--varna .container {
    position: relative;
    z-index: 2;
}
.varna-hero__grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: clamp(2rem, 5vw, 4.5rem);
    align-items: center;
}
.varna-hero__eyebrow {
    display: inline-block;
    font-size: 0.8rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 1.1rem;
}
.page-hero--varna .varna-hero__title {
    font-family: var(--font-heading);
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    font-size: clamp(2.1rem, 4.6vw, 3.5rem);
    line-height: 1.12;
    color: var(--black);
    margin: 0;
}
.page-hero--varna .varna-hero__title em {
    font-style: normal;
    color: var(--primary);
}
.varna-hero__content .aesto-hairline {
    margin: 1.5rem 0;
}
.varna-hero__lead {
    max-width: 30rem;
    color: var(--text);
    font-size: 1.0625rem;
    line-height: 1.8;
    margin: 0;
}
.page-hero__cta {
    margin-top: 1.75rem;
    display: flex;
    justify-content: flex-start;
}
.varna-hero__media img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--radius-lg, 12px);
    box-shadow: 0 28px 64px -30px rgba(43, 43, 43, 0.5);
}

@media (max-width: 900px) {
    .page-hero--varna {
        text-align: center;
        padding-top: clamp(104px, 14vh, 140px);
    }
    .varna-hero__grid {
        grid-template-columns: 1fr;
        gap: 2.25rem;
    }
    .varna-hero__content { order: 2; }
    .varna-hero__media {
        order: 1;
        max-width: 440px;
        margin: 0 auto;
    }
    .varna-hero__lead,
    .varna-hero__content .aesto-hairline {
        margin-left: auto;
        margin-right: auto;
    }
    .page-hero--varna .page-hero__cta {
        justify-content: center;
    }
}

/* ---------- WELCOME (вече и във Варна) ---------- */
.varna-welcome {
    position: relative;
    overflow: hidden;
    padding: 84px 0;
    background-color: var(--white);
}
.varna-prose {
    max-width: 760px;
    margin: 0 auto;
    color: var(--text);
}
.varna-prose p {
    font-size: 1.0625rem;
    line-height: 1.85;
    margin-bottom: 1.25rem;
    color: var(--text);
}
.varna-prose p:last-child {
    margin-bottom: 0;
}
.varna-prose--center {
    text-align: center;
}

/* ---------- ДОКТОР (био + снимка) ---------- */
.varna-doctor {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background-color: var(--cream);
}
.varna-doctor__grid {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: clamp(2rem, 5vw, 4.5rem);
    align-items: center;
    position: relative;
    z-index: 2;
}
.varna-doctor__media img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--radius-lg, 12px);
    box-shadow: 0 24px 60px -28px rgba(43, 43, 43, 0.45);
}
.varna-doctor__content .section-subtitle,
.varna-doctor__content .section-title {
    text-align: left;
}
.varna-doctor__role {
    font-size: 0.95rem;
    letter-spacing: 0.04em;
    color: var(--text-light);
    margin: 0.35rem 0 1.1rem;
}
.varna-doctor__content p {
    color: var(--text);
    line-height: 1.8;
    margin-bottom: 1rem;
}
.varna-doctor__content .aesto-hairline {
    margin: 0 0 1.25rem;
}
.varna-doctor__content .aesto-btn {
    margin-top: 0.75rem;
}

/* ---------- CTA подтекст ---------- */
.aesto-cta-text {
    max-width: 640px;
    margin: 1rem auto 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 1.0625rem;
    line-height: 1.8;
}

/* ---------- ЛОГО (нов VARNA логотип, 3 реда) ---------- */
.aesto-logo--varna {
    height: 58px;
}
.aesto-logo--varna img {
    height: 100%;
    width: auto;
    opacity: 1;
    filter: none;
}
.aesto-footer-logo--varna {
    display: inline-block;
    height: 72px;
    margin-bottom: 1.25rem;
}
.aesto-footer-logo--varna img {
    height: 100%;
    width: auto;
}

/* ---------- Футър: бутон AESTO Clinic София ---------- */
.footer-sofia-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 1.5rem;
    padding: 0.72rem 1.45rem;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
    color: var(--white);
    font-size: 0.82rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.footer-sofia-btn:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--black);
    transform: translateY(-2px);
}
.footer-sofia-btn i {
    font-size: 0.8rem;
}

/* ---------- Футър: центриране + правилно пренасяне (item 10) ---------- */
.footer .footer-grid {
    text-align: center;
}
.footer .footer-col {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer .footer-social {
    justify-content: center;
}
.footer .footer-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
}
.footer .footer-contact {
    align-items: center;
}
.footer .footer-contact-item {
    justify-content: center;
}
.footer-bottom-links {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 0.6rem;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
    .varna-doctor__grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .varna-doctor__media {
        max-width: 420px;
        margin: 0 auto;
    }
    .varna-doctor__content .section-subtitle,
    .varna-doctor__content .section-title {
        text-align: center;
    }
    .varna-doctor__content .aesto-hairline {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 600px) {
    .aesto-logo--varna { height: 46px; }
    .aesto-footer-logo--varna { height: 58px; }
    .footer-bottom-links { gap: 0.85rem 1.1rem; }
    .varna-welcome,
    .varna-doctor { padding: 56px 0; }
}

/* ---------- Responsive images safety ---------- */
.varna-welcome img,
.varna-doctor img,
.aesto-logo--varna img,
.aesto-footer-logo--varna img {
    max-width: 100%;
}

/* =========================================================
   Варна — два телефона в контактните блокове
   Клиниката работи със стационарен + мобилен номер. Хедърът
   няма място за етикет „Обади се" и два реда номера, затова
   при multi варианта етикетът пада и номерата се редят един
   под друг с малко по-дребен шрифт (общата височина остава
   същата като на едноредовия вариант в София).
   ========================================================= */
.aesto-header-phone--multi .aesto-header-phone-text {
    gap: 2px;
}
.aesto-header-phone--multi .aesto-header-phone-num {
    font-size: 0.92rem;
    letter-spacing: 1.2px;
    color: #F7F3EF;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.25s ease;
}
.aesto-header-phone--multi .aesto-header-phone-num:hover {
    color: var(--primary);
}
/* Иконата е самостоятелен линк тук, а не вложена в общия <a>. */
.aesto-header-phone--multi .aesto-header-phone-icon {
    text-decoration: none;
}
.aesto-header-phone--multi:hover .aesto-header-phone-icon,
.aesto-header-phone--multi .aesto-header-phone-icon:hover {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
    transform: rotate(15deg);
}

/* Футър: двата номера един под друг, без да чупят иконовия ред */
.footer-contact-phones {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.footer-contact-phones a {
    color: inherit;
    text-decoration: none;
    transition: color 0.25s ease;
}
.footer-contact-phones a:hover {
    color: var(--primary);
}

/* Контакти: телефонните линкове да не изглеждат като синьо подчертан текст */
.contact-info-card a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
    transition: color 0.25s ease;
}
.contact-info-card a[href^="tel:"]:hover {
    color: var(--primary);
}

/* ---------- HEADER NAV — „Специални предложения" CTA ---------- */
.nav-menu > a.nav-cta-offers {
    background: var(--primary);
    color: #fff !important;
    padding: 0.7rem 1.4rem;
    margin: 0 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
    transition: background 0.25s ease;
}
.nav-menu > a.nav-cta-offers:hover,
.nav-menu > a.nav-cta-offers.active {
    background: var(--primary-dark);
    color: #fff !important;
}
.nav-menu > a.nav-cta-offers::after { display: none !important; }

@media (max-width: 992px) {
    .nav-menu > a.nav-cta-offers {
        margin: 0.35rem 0;
        text-align: center;
    }
}