/* ==========================================================================
   NTD MMC — brend qatı
   Mənbə: NTD-MMC-Brandbook.pdf (Rəsmi — məcburi tətbiq)
   Bu fayl styles.css-dən SONRA yüklənir və brendin məcburi qaydalarını tətbiq edir.
   ========================================================================== */

:root {
    /* 2.1 Əsas korporativ rənglər */
    --ntd-graphite:      #3B464F;   /* Tünd Qrafit — əsas mətn və struktur */
    --ntd-blue:          #115E9B;   /* Elektrik Mavi — marka aksenti */
    --ntd-white:         #FFFFFF;   /* Təmiz Bəyaz — fon və neqativ sahə */

    /* 2.2 Köməkçi rənglər */
    --ntd-blue-bright:   #1A73E8;   /* YALNIZ tünd fonda, qrafik element kimi */
    --ntd-dark-bg:       #2B3238;   /* Tünd fon */
    --ntd-border:        #D6DBDF;   /* Sərhəd / cizgi */
    --ntd-surface:       #F4F7F9;   /* Açıq fon */
    --ntd-text-muted:    #6B767E;   /* İkinci dərəcəli mətn */
    --ntd-text:          #2B333A;   /* Əsas mətn (5.1 ölçü şkalası) */

    /* 2.3 Ton şkalası — Elektrik Mavi */
    --ntd-blue-10:  #E7EFF5;
    --ntd-blue-25:  #C4D7E6;
    --ntd-blue-50:  #88AECD;
    --ntd-blue-75:  #4C86B4;
    --ntd-blue-115: #0E5084;
    --ntd-blue-130: #0C426C;

    /* 2.3 Ton şkalası — Tünd Qrafit */
    --ntd-graphite-10:  #EBECED;
    --ntd-graphite-25:  #CED1D3;
    --ntd-graphite-50:  #9DA2A7;
    --ntd-graphite-75:  #6C747B;
    --ntd-graphite-115: #323C43;
    --ntd-graphite-130: #293137;

    /* 5. Tipoqrafiya */
    --ntd-font-heading: Montserrat, "Segoe UI", Arial, sans-serif;
    --ntd-font-body:    Inter, "Segoe UI", Roboto, Arial, sans-serif;
    --ntd-font-mono:    "Roboto Mono", ui-monospace, Menlo, monospace;
}

/* --------------------------------------------------------------------------
   5.1 Ölçü şkalası — çap pt dəyərləri veb üçün nisbəti saxlanmaqla verilib
   -------------------------------------------------------------------------- */
body {
    font-family: var(--ntd-font-body);
    color: var(--ntd-text);
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--ntd-font-heading);
    color: var(--ntd-graphite);
}

h1, .h1 { font-weight: 700; line-height: 1.15; letter-spacing: -0.005em; }

/* Brandbook 5.1: bölmə başlığı H2 — Montserrat SemiBold, Elektrik Mavi */
h2, .h2 { font-weight: 600; line-height: 1.2;  letter-spacing: 0; color: var(--ntd-blue); }
h3, .h3 { font-weight: 600; line-height: 1.3;  letter-spacing: 0; }
h4, h5, h6, .h4, .h5, .h6 { font-weight: 600; line-height: 1.3; }

/* 5.3 Mətn qaydaları: sola düzləndirmə, justify qadağandır */
p, li { text-align: left; }
p { max-width: 80ch; }            /* sətir uzunluğu maksimum 80 simvol */

.ntd-muted   { color: var(--ntd-text-muted); }
.ntd-tech    { font-family: var(--ntd-font-mono); color: var(--ntd-graphite); }

/* Tünd fonda başlıq mavi OLA BİLMƏZ — kontrast 1.42:1 (2.5 cədvəli, FAIL) */
.bg-dark h2, .ntd-dark h2, .ntd-dark .h2,
.bg-dark  .h2, [class*="secondary-overlay"] h2 { color: var(--ntd-white); }

/* --------------------------------------------------------------------------
   3. Loqo — proporsiya və təhlükəsizlik sahəsi
   Veb sayt başlığı: 160–200 px en, təhlükəsizlik sahəsi ≈ 30 px
   En/hündürlük nisbəti 1 : 0,69 — sabitdir
   -------------------------------------------------------------------------- */
.navbar-brand img,
#logo {
    width: 165px;
    height: auto;
    max-height: none;
    object-fit: contain;      /* dartılmanın qarşısını alır (6.1 qadağa) */
}

@media (max-width: 575.98px) {
    .navbar-brand img, #logo { width: 160px; }   /* minimum rəqəmsal en */
}

.footer-logo img { width: 200px; height: auto; object-fit: contain; }

/* --------------------------------------------------------------------------
   2.4 Rəng nisbətləri — Ağ 60% / Qrafit 30% / Mavi 10%
   Mavi yalnız aksentdir: link, düymə, ikon, ayırıcı.
   -------------------------------------------------------------------------- */
a { color: var(--ntd-blue); }
a:hover, a:focus, a:active { color: var(--ntd-blue-115); }

.ntd-surface { background-color: var(--ntd-surface); }
.ntd-dark    { background-color: var(--ntd-dark-bg); color: var(--ntd-white); }
.ntd-dark p, .ntd-dark li { color: rgba(255, 255, 255, 0.82); }
.ntd-dark h1, .ntd-dark h3, .ntd-dark h4, .ntd-dark h5, .ntd-dark h6 { color: var(--ntd-white); }

hr, .ntd-rule { border-color: var(--ntd-border); }

/* Tünd fonda parlaq mavi yalnız qrafik elementdir — mətn üçün YOX (2.5) */
.ntd-dark .ntd-accent-mark { color: var(--ntd-blue-bright); }

/* --------------------------------------------------------------------------
   Bölmə başlığı üstündəki kiçik etiket ("eyebrow")
   5.3: böyük hərflər yalnız qısa etiketlər üçün
   -------------------------------------------------------------------------- */
.ntd-eyebrow {
    font-family: var(--ntd-font-body);
    font-weight: 600;
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ntd-blue);
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}
.ntd-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--ntd-blue);
}
.ntd-dark .ntd-eyebrow { color: var(--ntd-blue-bright); }
.ntd-dark .ntd-eyebrow::before { background: var(--ntd-blue-bright); }

/* --------------------------------------------------------------------------
   Partnyor lenti — "begushaya stroka" (ana səhifə tələbi)
   -------------------------------------------------------------------------- */
.ntd-marquee {
    overflow: hidden;
    position: relative;
    padding: 2.2rem 0;
    background: var(--ntd-white);
    border-top: 1px solid var(--ntd-border);
    border-bottom: 1px solid var(--ntd-border);
}
.ntd-marquee__track {
    display: flex;
    width: max-content;
    align-items: center;
    gap: 4.5rem;
    animation: ntd-marquee 38s linear infinite;
}
.ntd-marquee:hover .ntd-marquee__track { animation-play-state: paused; }
.ntd-marquee__item {
    flex: 0 0 auto;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ntd-marquee__item img {
    max-height: 52px;
    width: auto;
    filter: grayscale(100%);
    opacity: 0.55;
    transition: filter 0.25s ease, opacity 0.25s ease;
}
.ntd-marquee__item img:hover { filter: grayscale(0); opacity: 1; }

/* Loqosu hazır olmayan partnyor üçün mətn kartı */
.ntd-marquee__name {
    font-family: var(--ntd-font-heading);
    font-weight: 600;
    font-size: 1.05rem;
    letter-spacing: 0.04em;
    color: var(--ntd-graphite-75);
    white-space: nowrap;
}

@keyframes ntd-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }   /* track iki dəfə təkrarlanır */
}

@media (prefers-reduced-motion: reduce) {
    .ntd-marquee__track { animation: none; flex-wrap: wrap; justify-content: center; }
}

/* --------------------------------------------------------------------------
   Dil seçici (AZ / EN / RU)
   -------------------------------------------------------------------------- */
.ntd-lang { display: flex; align-items: center; gap: 0.15rem; }
.ntd-lang a {
    font-family: var(--ntd-font-body);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    padding: 0.25rem 0.45rem;
    border-radius: 3px;
    color: inherit;
    opacity: 0.7;
    line-height: 1;
}
.ntd-lang a:hover { opacity: 1; }
.ntd-lang a.is-active {
    opacity: 1;
    color: var(--ntd-white);
    background: var(--ntd-blue);
}
.scrollHeader .ntd-lang a.is-active { background: var(--ntd-blue); color: var(--ntd-white); }

/* --------------------------------------------------------------------------
   Sosial düymələr
   -------------------------------------------------------------------------- */
.ntd-social { display: flex; align-items: center; gap: 0.5rem; }
.ntd-social a {
    width: 34px; height: 34px;
    display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid var(--ntd-border);
    border-radius: 50%;
    color: var(--ntd-graphite);
    font-size: 0.85rem;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.ntd-social a:hover { background: var(--ntd-blue); border-color: var(--ntd-blue); color: var(--ntd-white); }
.ntd-dark .ntd-social a { border-color: rgba(255,255,255,0.28); color: var(--ntd-white); }
.ntd-dark .ntd-social a:hover { background: var(--ntd-blue-bright); border-color: var(--ntd-blue-bright); }

/* --------------------------------------------------------------------------
   Məhsul / xidmət kartları
   -------------------------------------------------------------------------- */
.ntd-card {
    display: block;
    height: 100%;
    background: var(--ntd-white);
    border: 1px solid var(--ntd-border);
    border-radius: 4px;
    padding: 2rem 1.75rem;
    transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}
.ntd-card:hover {
    border-color: var(--ntd-blue);
    box-shadow: 0 14px 34px rgba(59, 70, 79, 0.10);
    transform: translateY(-4px);
}
.ntd-card__icon {
    width: 46px; height: 46px;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--ntd-blue-10);
    color: var(--ntd-blue);
    border-radius: 3px;
    font-size: 1.25rem;
    margin-bottom: 1.1rem;
}
.ntd-card__title {
    font-family: var(--ntd-font-heading);
    font-weight: 600;
    font-size: 1.02rem;
    line-height: 1.35;
    color: var(--ntd-graphite);
    margin-bottom: 0.55rem;
}
.ntd-card:hover .ntd-card__title { color: var(--ntd-blue); }
.ntd-card__text { font-size: 0.92rem; color: var(--ntd-text-muted); margin: 0; }

/* --------------------------------------------------------------------------
   Siyahılar (SƏTƏM məqsədləri, texniki icra siyahıları)
   -------------------------------------------------------------------------- */
.ntd-list { list-style: none; padding-left: 0; margin: 0; }
.ntd-list li {
    position: relative;
    padding-left: 1.6rem;
    margin-bottom: 0.65rem;
    color: var(--ntd-text);
}
.ntd-list li::before {
    content: "";
    position: absolute;
    left: 0; top: 0.62em;
    width: 7px; height: 7px;
    background: var(--ntd-blue);
    border-radius: 1px;
}
.ntd-dark .ntd-list li::before { background: var(--ntd-blue-bright); }

/* --------------------------------------------------------------------------
   Rəqəm blokları
   -------------------------------------------------------------------------- */
.ntd-stat__value {
    font-family: var(--ntd-font-heading);
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1;
    color: var(--ntd-blue);
}
.ntd-dark .ntd-stat__value { color: var(--ntd-blue-bright); }
.ntd-stat__label {
    font-size: 0.86rem;
    color: var(--ntd-text-muted);
    margin-top: 0.4rem;
}
.ntd-dark .ntd-stat__label { color: rgba(255,255,255,0.7); }

/* --------------------------------------------------------------------------
   Səhifə başlığı (banner)
   -------------------------------------------------------------------------- */
.ntd-pagehead {
    background: var(--ntd-graphite);
    color: var(--ntd-white);
    padding: 7.5rem 0 3.2rem;
}
.ntd-pagehead h1 { color: var(--ntd-white); margin-bottom: 0.5rem; }
.ntd-pagehead .breadcrumb-item,
.ntd-pagehead .breadcrumb-item a { color: rgba(255,255,255,0.72); font-size: 0.86rem; }
.ntd-pagehead .breadcrumb-item.active { color: var(--ntd-blue-bright); }

/* --------------------------------------------------------------------------
   Düymələr
   -------------------------------------------------------------------------- */
.ntd-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font-family: var(--ntd-font-body);
    font-weight: 600;
    font-size: 0.88rem;
    letter-spacing: 0.02em;
    padding: 0.85rem 1.7rem;
    border-radius: 3px;
    border: 1px solid transparent;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.ntd-btn--primary { background: var(--ntd-blue); color: var(--ntd-white); }
.ntd-btn--primary:hover { background: var(--ntd-blue-115); color: var(--ntd-white); }
.ntd-btn--ghost { border-color: var(--ntd-border); color: var(--ntd-graphite); background: transparent; }
.ntd-btn--ghost:hover { border-color: var(--ntd-blue); color: var(--ntd-blue); }
.ntd-dark .ntd-btn--ghost { border-color: rgba(255,255,255,0.35); color: var(--ntd-white); }
.ntd-dark .ntd-btn--ghost:hover { border-color: var(--ntd-white); background: var(--ntd-white); color: var(--ntd-graphite); }

/* --------------------------------------------------------------------------
   4.1 Fon seçimi: loqo fotonun üstündə birbaşa dayanmır —
   altına bərabər tonlu örtük qoyulur
   -------------------------------------------------------------------------- */
.ntd-hero { position: relative; background: var(--ntd-graphite); }
.ntd-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(43, 50, 56, 0.94) 0%, rgba(43, 50, 56, 0.82) 45%, rgba(43, 50, 56, 0.50) 100%);
}
.ntd-hero > .container,
.ntd-hero > .container-fluid { position: relative; z-index: 2; }

/* --------------------------------------------------------------------------
   Header mövqeyi
   Həm ana səhifənin hero-su, həm də daxili səhifələrin .ntd-pagehead-i
   tünd fondur — ona görə header hər iki halda onların ÜSTÜNDƏ şəffaf dayanır
   və brandbook-un invert versiyası düzgün oxunur (4.1 Fon seçimi).
   -------------------------------------------------------------------------- */
header.header-style1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: transparent;
}

header.header-style1.fixedHeader {
    position: absolute;
    background: transparent;
    box-shadow: none;
}

/* Scroll edildikdə: ağ fon + əsas (tünd) loqo */
header.header-style1.scrollHeader {
    position: fixed;
    background: var(--ntd-white);
    box-shadow: 0 2px 18px rgba(59, 70, 79, 0.12);
    animation: ntd-header-down 0.28s ease;
}
@keyframes ntd-header-down {
    from { transform: translateY(-100%); }
    to   { transform: translateY(0); }
}
header.header-style1.scrollHeader .navbar-default { border-bottom: 0 !important; }

/* Menyu mətni fona görə: tünd fonda ağ, ağ fonda qrafit */
header.header-style1.fixedHeader .navbar-nav > li > a,
header.header-style1.fixedHeader .ntd-lang a { color: var(--ntd-white); }
header.header-style1.fixedHeader .navbar-nav > li > a:hover { color: var(--ntd-blue-bright); }

header.header-style1.scrollHeader .navbar-nav > li > a,
header.header-style1.scrollHeader .ntd-lang a { color: var(--ntd-graphite); }
header.header-style1.scrollHeader .navbar-nav > li > a:hover { color: var(--ntd-blue); }

/* Açılan alt menyu həmişə ağ fondadır */
header.header-style1 .navbar-nav ul li a { color: var(--ntd-graphite); }
header.header-style1 .navbar-nav ul li a:hover { color: var(--ntd-blue); }

/* Səhifə başlığı header-in altında qalmasın */
.ntd-pagehead { padding-top: 11rem; }
@media (max-width: 991.98px) { .ntd-pagehead { padding-top: 9rem; } }

/* --------------------------------------------------------------------------
   Hero və səhifə başlığı da tünd kontekstdir — .ntd-dark ilə eyni qaydalar
   -------------------------------------------------------------------------- */
.ntd-hero h1, .ntd-hero h2, .ntd-hero h3,
.ntd-pagehead h1, .ntd-pagehead h2, .ntd-pagehead h3 { color: var(--ntd-white); }

.ntd-hero p, .ntd-pagehead p { color: rgba(255, 255, 255, 0.82); }

.ntd-hero .ntd-eyebrow,
.ntd-pagehead .ntd-eyebrow { color: var(--ntd-blue-bright); }
.ntd-hero .ntd-eyebrow::before,
.ntd-pagehead .ntd-eyebrow::before { background: var(--ntd-blue-bright); }

.ntd-hero .ntd-btn--ghost,
.ntd-pagehead .ntd-btn--ghost {
    border-color: rgba(255, 255, 255, 0.38);
    color: var(--ntd-white);
    background: transparent;
}
.ntd-hero .ntd-btn--ghost:hover,
.ntd-pagehead .ntd-btn--ghost:hover {
    border-color: var(--ntd-white);
    background: var(--ntd-white);
    color: var(--ntd-graphite);
}

.ntd-hero .ntd-list li::before,
.ntd-pagehead .ntd-list li::before { background: var(--ntd-blue-bright); }

/* 3. Təhlükəsizlik zonası: loqonun kənarından ≈30 px-də heç nə dayana bilməz */
.navbar-header-custom { margin-right: 30px; }
.navbar-brand { padding-top: 0; padding-bottom: 0; }

/* Düymə mətni sətirlərə bölünməsin */
.ntd-btn { white-space: nowrap; }

/* --------------------------------------------------------------------------
   2.5 Kontrast qaydası — aktiv menyu bəndi
   Elektrik Mavi mətn tünd qrafit fonda 1.42:1 verir (cədvəldə FAIL).
   Ona görə şəffaf (tünd fonlu) header-də aktiv bənd AĞ olur, mavi isə
   yalnız altındakı qrafik xətt kimi qalır. Ağ sticky header-də mavi mətn
   6.78:1 verir və brandbook-da təsdiqlənib.
   -------------------------------------------------------------------------- */
/* QEYD: bu blok əvvəl şəffaf (tünd fonlu) header üçün yazılmışdı və aktiv bəndi
   AĞ edirdi. Header ağa keçiriləndən sonra həmin qayda köhnəldi — ağ fonda ağ
   mətn verirdi və mobil menyuda «Şirkət» adı itirdi. İndi aktiv bənd hər halda
   Elektrik Mavidir (ağ fonda 6.78:1 — brandbook 2.5 cədvəlində PASS). */
header.header-style1 .navbar-nav > li.current > a,
header.header-style1 .navbar-nav > li.active > a {
    color: var(--ntd-blue);
    position: relative;
}
header.header-style1 .navbar-nav > li.current > a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 2px;
    background: var(--ntd-blue);
}
/* Mobil menyuda alt xətt lazım deyil — sətirlər onsuz da ayrıcıdır */
@media screen and (max-width: 991px) {
    header.header-style1 .navbar-nav > li.current > a::before { display: none; }
}

/* Breadcrumb-da aktiv bənd: parlaq mavi mətn tünd fonda 2.88:1 — mətn üçün FAIL */
.ntd-pagehead .breadcrumb-item.active { color: var(--ntd-white); font-weight: 600; }

/* --------------------------------------------------------------------------
   2.5 Kontrast — tünd fonda linklər
   Elektrik Mavi (#115E9B) tünd fonda 1.92:1, Parlaq Mavi (#1A73E8) 2.88:1 verir;
   brandbook hər ikisini mətn üçün qadağan edir. Ona görə tünd bloklarda
   (footer, CTA) linklər ağdır, vurğu isə alt xətlə verilir.
   -------------------------------------------------------------------------- */
.ntd-dark a {
    color: rgba(255, 255, 255, 0.86);
    text-decoration: none;
}
.ntd-dark a:hover,
.ntd-dark a:focus {
    color: var(--ntd-white);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Vurğulanan link (məs. hr@ntd.co.az) — rənglə deyil, alt xətlə seçilir */
.ntd-dark .ntd-accent-mark {
    color: var(--ntd-white);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: var(--ntd-blue-bright);   /* qrafik element */
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}
.ntd-dark .ntd-accent-mark:hover { text-decoration-color: var(--ntd-white); }

/* Footer başlıqları: H3 qrafit qalmasın, tünd fonda ağ olsun */
footer.ntd-dark h3 { color: var(--ntd-white); }

/* --------------------------------------------------------------------------
   2.5 düzəlişi: Parlaq Mavi tünd fonda 2.88:1 verir — mətn üçün qadağandır.
   Etiketin MƏTNİ ağ olur; parlaq mavi yalnız yanındakı xətt kimi (qrafik
   element) qalır — brandbook buna icazə verir.
   -------------------------------------------------------------------------- */
.ntd-dark .ntd-eyebrow,
.ntd-hero .ntd-eyebrow,
.ntd-pagehead .ntd-eyebrow { color: rgba(255, 255, 255, 0.94); }

.ntd-dark .ntd-eyebrow::before,
.ntd-hero .ntd-eyebrow::before,
.ntd-pagehead .ntd-eyebrow::before { background: var(--ntd-blue-bright); }

/* Rəqəm blokları tünd fonda: ağ mətn (parlaq mavi mətn üçün yararsızdır) */
.ntd-dark .ntd-stat__value { color: var(--ntd-white); }

/* ==========================================================================
   HEADER: ağ və sabit
   Brandbook 4 — "Əsas korporativ versiya ... veb-saytda" deyir, invert isə
   iş geyimi və obyekt lövhələri üçündür. Ona görə header şəffaf deyil, ağdır
   və hər zaman ƏSAS loqo işlənir (2.4 nisbətinə də uyğun: ağ 60%).
   Bu blok yuxarıdakı şəffaf-header qaydalarını əvəz edir.
   ========================================================================== */
header.header-style1,
header.header-style1.fixedHeader,
header.header-style1.scrollHeader {
    position: sticky;
    top: 0;
    background: var(--ntd-white);
    box-shadow: 0 1px 0 var(--ntd-border);
    animation: none;
}
header.header-style1.scrollHeader { box-shadow: 0 2px 18px rgba(59, 70, 79, 0.12); }

header.header-style1 .navbar-default { border-bottom: 0 !important; }

/* Menyu həmişə qrafit, aktiv bənd mavi (ağ fonda 6.78:1 — brandbook PASS) */
header.header-style1 .navbar-nav > li > a,
header.header-style1.fixedHeader .navbar-nav > li > a,
header.header-style1.scrollHeader .navbar-nav > li > a,
header.header-style1 .ntd-lang a,
header.header-style1.fixedHeader .ntd-lang a { color: var(--ntd-graphite); }

header.header-style1 .navbar-nav > li > a:hover,
header.header-style1.fixedHeader .navbar-nav > li > a:hover { color: var(--ntd-blue); }

header.header-style1 .navbar-nav > li.current > a,
header.header-style1.fixedHeader .navbar-nav > li.current > a,
header.header-style1:not(.scrollHeader) .navbar-nav > li.current > a { color: var(--ntd-blue); }

header.header-style1:not(.scrollHeader) .navbar-nav > li.current > a::before { background: var(--ntd-blue); }

.ntd-lang a.is-active { color: var(--ntd-white); background: var(--ntd-blue); }

/* Header artıq axındadır — hero və səhifə başlığı onun altına girmir */
.ntd-pagehead { padding-top: 3.4rem; padding-bottom: 3.2rem; }
@media (max-width: 991.98px) { .ntd-pagehead { padding-top: 2.6rem; } }
.ntd-hero.full-screen { min-height: calc(100vh - 120px); height: auto; }

/* --------------------------------------------------------------------------
   Dil seçicisi ağ header üzərində
   Seçilməmiş dillər soluq deyil, tam tünd qrafitdir; seçilmiş olan mavi
   doldurulmuş (ağ mətn, 6.78:1 — brandbook PASS).
   -------------------------------------------------------------------------- */
header.header-style1 .ntd-lang a {
    opacity: 1;
    color: var(--ntd-graphite);
    font-weight: 600;
}
header.header-style1 .ntd-lang a:hover { color: var(--ntd-blue); }
header.header-style1 .ntd-lang a.is-active,
header.header-style1 .ntd-lang a.is-active:hover {
    color: var(--ntd-white);
    background: var(--ntd-blue);
}

/* Header-dəki kompakt sosial düymələr */
.ntd-social--sm a { width: 30px; height: 30px; font-size: 0.78rem; }
.ntd-headsep {
    width: 1px;
    height: 20px;
    background: var(--ntd-border);
    display: inline-block;
}

/* --------------------------------------------------------------------------
   Template-də `a[href^="mailto"]{color:inherit}` qaydası var və onun
   prioriteti .ntd-btn sinfindən yüksəkdir — ona görə e-poçt düymələri
   mətn rəngini valideyndən alırdı. Eyni prioritetlə üstələyirik.
   -------------------------------------------------------------------------- */
a.ntd-btn--primary,
a.ntd-btn--primary:hover,
a.ntd-btn--primary:focus { color: var(--ntd-white); }

a.ntd-btn--ghost,
a.ntd-btn--ghost:focus { color: var(--ntd-graphite); }
a.ntd-btn--ghost:hover { color: var(--ntd-blue); }

.ntd-dark a.ntd-btn--ghost,
.ntd-hero a.ntd-btn--ghost { color: var(--ntd-white); }
.ntd-dark a.ntd-btn--ghost:hover,
.ntd-hero a.ntd-btn--ghost:hover { color: var(--ntd-graphite); }

/* ==========================================================================
   FOOTER: açıq fon
   Brandbook 4.1 — fon #EBECED-dən açıq olduqda ƏSAS loqo versiyası işlənir.
   Footer #F4F7F9-dur (açıq fon), ona görə bütün saytda tək loqo faylı
   (img/logos/logo.png) kifayət edir; invert nüsxəsinə ehtiyac qalmır.
   ========================================================================== */
.ntd-footer {
    background: var(--ntd-surface);
    color: var(--ntd-text);
    border-top: 1px solid var(--ntd-border);
}
.ntd-footer h3 {
    color: var(--ntd-graphite);
    font-size: 0.82rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.ntd-footer p { color: var(--ntd-text-muted); }
.ntd-footer a {
    color: var(--ntd-text);
    text-decoration: none;
}
.ntd-footer a:hover {
    color: var(--ntd-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.ntd-footer__bottom {
    border-top: 1px solid var(--ntd-border);
    color: var(--ntd-text-muted);
}
.ntd-footer .ntd-social a {
    border-color: var(--ntd-border);
    color: var(--ntd-graphite);
}
.ntd-footer .ntd-social a:hover {
    background: var(--ntd-blue);
    border-color: var(--ntd-blue);
    color: var(--ntd-white);
}
.ntd-footer .footer-logo img { width: 190px; }

/* --------------------------------------------------------------------------
   Footer açıq fondadır (#F4F7F9). İkinci dərəcəli rəng (#6B767E) bu fonda
   4.32:1 verir — WCAG AA üçün lazım olan 4.5-dən azdır. Brandbook o rəngi
   "izah, alt yazı, qeyd" üçün nəzərdə tutur; footer mətni isə əsl abzasdır,
   ona görə əsas mətn rəngi (#2B333A, 11.6:1) işlənir.
   -------------------------------------------------------------------------- */
.ntd-footer p,
.ntd-footer__bottom,
.ntd-footer .ntd-muted { color: var(--ntd-text); }

/* ==========================================================================
   Hero — iki sütunlu variant
   Mənbə şəkil kiçik olduqda (məs. 1024 px) tam eni boyu uzadılanda yumşalır.
   Bu quruluşda foto yalnız sağ yarını tutur: 1920 px ekranda ~960 px sahə,
   yəni şəkil böyüdülmür və kəskin qalır.
   ========================================================================== */
.ntd-hero--split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    background: var(--ntd-graphite);
    min-height: calc(100vh - 120px);
}
.ntd-hero--split::after { display: none; }   /* tam örtük lazım deyil */

.ntd-hero__text {
    display: flex;
    align-items: center;
    padding: 4.5rem 3rem 4.5rem 0;
    position: relative;
    z-index: 2;
}
.ntd-hero__text > div { max-width: 560px; margin-left: auto; width: 100%; }

.ntd-hero__media {
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 420px;
}
/* Fotonun sol kənarı mətn panelinə yumşaq qovuşsun */
.ntd-hero__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, var(--ntd-graphite) 0%, rgba(59, 70, 79, 0) 26%);
}

@media (max-width: 1199.98px) {
    .ntd-hero__text { padding: 3.5rem 2rem; }
    .ntd-hero__text > div { max-width: none; margin-left: 0; }
}
@media (max-width: 991.98px) {
    .ntd-hero--split { grid-template-columns: 1fr; min-height: 0; }
    .ntd-hero__media { min-height: 300px; }
    .ntd-hero__media::after {
        background: linear-gradient(180deg, rgba(59, 70, 79, 0) 55%, var(--ntd-graphite) 100%);
    }
    .ntd-hero__text { padding: 2.5rem 1.25rem 3.5rem; }
}

/* ==========================================================================
   Mobil menyunun mövqeyi
   Şablon menyunu `top: 70px`-ə bərkidib — ~70 px hündürlüyündə başlıq gözləyir.
   NTD loqosu brandbook-un minimumu olan 160 px enindədir və nisbəti 1:0,686
   olduğuna görə ~110 px hündürlük tutur; nəticədə menyu loqonun üstünə düşürdü.
   Loqonu kiçiltmək brandbook pozuntusu olardı, ona görə menyunun yeri loqonun
   real hündürlüyündən hesablanır.
   ========================================================================== */
:root { --ntd-logo-w: 165px; }
@media (max-width: 575.98px) { :root { --ntd-logo-w: 160px; } }

.navbar-brand img,
#logo { width: var(--ntd-logo-w); }

@media screen and (max-width: 991px) {
    /* loqo hündürlüyü = en × 0,686 (sabit nisbət) + nəfəs payı */
    .header-style1 .navbar-nav {
        top: calc(var(--ntd-logo-w) * 0.686 + 18px);
    }
    /* Açılıb-bağlanan düymə loqonun yuxarı hissəsi ilə eyni xətdə dursun */
    .header-style1 .navbar-toggler { top: 22px; }
}

/* --------------------------------------------------------------------------
   Mobil menyu paneli ağdır, amma şablon `li.active > a` üçün ağ mətn təyin edir
   (o qayda tünd header üçün yazılıb). Alt menyu açılanda valideyn bəndin adı
   ağ-ağ üstündə itirdi. Mobil ölçüdə rəngləri sabitləyirik.
   -------------------------------------------------------------------------- */
@media screen and (max-width: 991px) {
    .header-style1 .navbar-nav li a,
    .header-style1 .navbar-nav > li > a,
    .header-style1 .navbar-nav > li.has-sub.active > a {
        color: var(--ntd-graphite);
    }
    .header-style1 .navbar-nav > li.current > a,
    .header-style1 .navbar-nav li a:hover {
        color: var(--ntd-blue);
    }
    /* Toggle işarəsi də görünən olsun */
    .header-style1 .navbar-nav .submenu-button::before,
    .header-style1 .navbar-nav .submenu-button::after {
        background: var(--ntd-graphite);
    }
}

/* --------------------------------------------------------------------------
   Footer-də məhsul linkləri — adın solunda məhsulun öz ikonu
   (kartlarda işlənən eyni ikon dəsti)
   -------------------------------------------------------------------------- */
.ntd-foot-link {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}
.ntd-foot-link i {
    flex: 0 0 18px;
    width: 18px;
    margin-top: 0.28em;
    font-size: 0.82rem;
    color: var(--ntd-blue);
    text-align: center;
}
.ntd-foot-link:hover i { color: var(--ntd-blue-115); }