/* K8 · K9 · K10 — Naswood tasarım dili. Ağırlık ve 12 px kuralı ayrıca #nwx-design-normalize ile gelir. */

/* ------------------------------------------------------------------
 * K8 · Yazı tipi: Garamond yalnızca ana sayfa slayt başlığında
 * ------------------------------------------------------------------ */
:root .font-adobe:not(.homepage-carousel-field *),
:root [class*="editor-headings:font-adobe"] :is(h1, h2, h3, h4, h5, h6):not(.homepage-carousel-field *) {
    font-family: Gilroy, Vazirmatn, Tahoma, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: -.02em !important;
}

/* Tema (Tailwind) ağırlıkları: 500 → metinde 400, başlıkta 600 */
:root .font-medium, :root .font-light { font-weight: 400; }
:root .font-extrabold, :root .font-black { font-weight: 700; }
:root [class*="editor-headings:font-medium"] :is(h1, h2, h3, h4, h5, h6),
:root :is(h1, h2, h3, h4, h5, h6).font-medium { font-weight: 600; }
/* Başlıktaki "[&_.main-menu-li_.sub-menu_a]:font-medium" alt menü bağlantılarını 500 yapıyordu */
:root header .main-menu-li .sub-menu a { font-weight: 400; }

/* İki buton stili: dolu bakır (ana işlem) ve çerçeveli (ikincil). Tema dolu butonu #cc8a56 + beyaz
   yazıyla 4,5:1 kontrastı sağlamıyordu; tüm dolu butonlar teklif butonlarıyla aynı bakır ton. */
:root .button.bg-primary-500,
:root button.bg-primary-500 { background-color: #a0612f !important; border-color: #a0612f !important; }
:root .button.bg-primary-500::before,
:root button.bg-primary-500::before { background-color: #7d4a22 !important; }

/* Footer imzası (home-sections satır içi stili 8–9 px) */
.footer-field .footer-bottom .digital-exper-credit-label { font-size: 12px !important; }
.footer-field .footer-bottom .digital-exper-credit-icon { font-size: 12px !important; font-weight: 700 !important; }
.footer-field .footer-bottom .digital-exper-credit-name { font-weight: 700 !important; }

/* ------------------------------------------------------------------
 * K9 · Marka kartları: fotoğraf + tek renk, okunur logo, kesilmeyen açıklama
 * ------------------------------------------------------------------ */
:root .nwhs-brand-compact-photo { display: none; }
:root .nwhs-brand-compact-trigger:has(.nwhs-brand-compact-photo) {
    grid-template-columns: minmax(0, 1fr) 34px !important;
    grid-template-areas: "photo photo" "copy icon" !important;
    row-gap: 18px;
    align-items: start;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 22px 24px;
    overflow: hidden;
}
:root .nwhs-brand-compact-trigger:has(.nwhs-brand-compact-photo) .nwhs-brand-compact-photo {
    grid-area: photo;
    display: block;
    margin: 0 -22px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #ece7df;
}
:root .nwhs-brand-compact-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
:root .nwhs-brand-compact-trigger:hover .nwhs-brand-compact-photo img,
:root .nwhs-brand-compact-card.is-active .nwhs-brand-compact-photo img { transform: scale(1.04); }
:root .nwhs-brand-compact-trigger:has(.nwhs-brand-compact-photo) .nwhs-brand-compact-index {
    top: 12px; right: 12px; padding: 4px 8px; background: rgba(20, 22, 21, .72); color: #fff;
}
/* Logo fotoğrafın üzerinde, beyaz zeminde, okunur boyutta ve tek renk */
:root .nwhs-brand-compact-trigger:has(.nwhs-brand-compact-photo) .nwhs-brand-compact-logo-wrap {
    grid-area: photo;
    position: relative;
    z-index: 2;
    align-self: end;
    justify-self: start;
    min-height: 0;
    margin: 0 0 14px;
    padding: 9px 14px;
    background: rgba(255, 255, 255, .95);
    border: 0;
}
:root .nwhs-brand-compact-trigger:has(.nwhs-brand-compact-photo) .nwhs-brand-compact-logo,
:root .nwhs-brand-compact-trigger:has(.nwhs-brand-compact-photo):hover .nwhs-brand-compact-logo,
:root .nwhs-brand-compact-card.is-active .nwhs-brand-compact-trigger:has(.nwhs-brand-compact-photo) .nwhs-brand-compact-logo {
    width: auto; max-width: 210px; height: 40px; filter: grayscale(1) brightness(.18); opacity: 1;
}
:root .nwhs-brand-compact-trigger:has(.nwhs-brand-compact-photo) .nwhs-brand-compact-copy { grid-area: copy; }
:root .nwhs-brand-compact-trigger:has(.nwhs-brand-compact-photo) .nwhs-brand-compact-icon { grid-area: icon; align-self: center; }
/* Fotoğrafsız kartta da tek renk logo */
:root .nwhs-brand-compact-logo { filter: grayscale(1) brightness(.25); }
:root .nwhs-brand-compact-card.is-active .nwhs-brand-compact-logo,
:root .nwhs-brand-compact-trigger:hover .nwhs-brand-compact-logo { filter: brightness(0) invert(1); }
:root .nwhs-brand-compact-copy > small { display: block !important; overflow: visible; -webkit-line-clamp: unset; }
@media (max-width: 767px) {
    :root .nwhs-brand-compact-trigger:has(.nwhs-brand-compact-photo) { padding: 0 16px 18px; row-gap: 14px; }
    :root .nwhs-brand-compact-trigger:has(.nwhs-brand-compact-photo) .nwhs-brand-compact-photo { margin: 0 -16px; aspect-ratio: 16 / 8; }
    :root .nwhs-brand-compact-trigger:has(.nwhs-brand-compact-photo) .nwhs-brand-compact-logo,
    :root .nwhs-brand-compact-trigger:has(.nwhs-brand-compact-photo):hover .nwhs-brand-compact-logo { height: 34px; max-width: 180px; }
}
/* ------------------------------------------------------------------
 * K9 · Uygulama alanları (Pano 1, madde 6): masaüstünde mevcut akordeon kalır, kapalı sütunlarda numara ve
 * ad yatay ve altta. Tablette sütunlar yatay yazıya dar kaldığı için 2 sütunlu kart; telefonda akordeon.
 * ------------------------------------------------------------------ */
@media (min-width: 1024px) {
    :root .nwhs-application-rail {
        writing-mode: horizontal-tb;
        transform: none;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 4px;
        padding: 0 12px 20px;
    }
    :root .nwhs-application-rail span { font-size: 12px; letter-spacing: .04em; opacity: .8; }
    :root .nwhs-application-rail strong { font-size: 14px; font-weight: 600; line-height: 1.2; letter-spacing: 0; white-space: normal; }
    :root .nwhs-application-rail i { display: none; }
}
@media (min-width: 768px) and (max-width: 1023px) {
    :root .nwhs-application-accordion {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: clamp(230px, 30vw, 300px);
        gap: 12px;
        height: auto;
    }
    :root .nwhs-application-panel,
    :root .nwhs-application-panel.is-active { flex: none; min-width: 0; }
    :root .nwhs-application-rail { display: none; }
    :root .nwhs-application-panel .nwhs-application-image,
    :root .nwhs-application-panel:not(.is-active) .nwhs-application-image { filter: none; transform: none; }
    :root .nwhs-application-panel:hover .nwhs-application-image,
    :root .nwhs-application-panel:focus-visible .nwhs-application-image { transform: scale(1.04); }
    :root .nwhs-application-panel .nwhs-application-shade,
    :root .nwhs-application-panel:not(.is-active) .nwhs-application-shade { background: linear-gradient(180deg, rgba(12, 15, 13, 0) 30%, rgba(12, 15, 13, .82) 100%); }
    :root .nwhs-application-panel .nwhs-application-content {
        left: 20px; right: 20px; bottom: 20px; max-width: none;
        opacity: 1; transform: none; pointer-events: none;
    }
    :root .nwhs-application-content .nwhs-application-number { display: none; }
    :root .nwhs-application-content .nwhs-application-kicker { margin-bottom: 6px; font-size: 12px; }
    :root .nwhs-application-content h3 { margin: 0 0 8px; font-size: clamp(20px, 1.7vw, 26px); }
    :root .nwhs-application-content p { display: none; }
    :root .nwhs-application-link { font-size: 14px; }
}

/* ------------------------------------------------------------------
 * K9 · Hakkımızda: kendi başlığımız (Gilroy 600) ve rakam kutuları
 * ------------------------------------------------------------------ */
/* Pano 1: başlığın üstünde küçük bakır etiket (diğer bölümlerdeki gibi) */
:root .about-content .editor .nwx-about-eyebrow {
    display: block;
    margin: 0 0 12px;
    color: #a0612f;
    font-family: Gilroy, Vazirmatn, Tahoma, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}
html[lang^="fa"] .about-content .editor .nwx-about-eyebrow { letter-spacing: 0; }
:root .about-content .editor h2.nwx-about-title {
    margin: 0 0 24px !important;
    color: #262924 !important;
    font-family: Gilroy, Vazirmatn, Tahoma, sans-serif !important;
    font-size: clamp(30px, 3.2vw, 48px) !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: -.03em !important;
}
.nwx-about-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 8px 0 32px; }
.nwx-about-stat { display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; background: #f4f0eb; border-inline-start: 3px solid #cc8a56; }
.nwx-about-stat strong { color: #a0612f; font-size: clamp(26px, 2.4vw, 36px); font-weight: 700; line-height: 1.05; letter-spacing: -.02em; }
.nwx-about-stat span { color: #5c615a; font-size: 14px; line-height: 1.45; }
@media (max-width: 480px) {
    .nwx-about-stats { gap: 8px; }
    .nwx-about-stat { padding: 16px; }
}

/* ------------------------------------------------------------------
 * K10 · Farsça: Latin harfler Gilroy'da, Farsça harfler Vazirmatn'da
 * ------------------------------------------------------------------ */
html[lang^="fa"] body,
html[lang^="fa"] body :is(h1, h2, h3, h4, h5, h6, p, li, a, span, strong, small, label, button, input, textarea, select, td, th, dd, dt) {
    font-family: Gilroy, Vazirmatn, Tahoma, "Segoe UI", sans-serif;
}
html[lang^="fa"] .homepage-carousel-field .font-adobe { font-family: "Adobe Garamond Pro", Vazirmatn, Tahoma, serif; }
/* Swiper kabı LTR kalmak zorunda; slayttaki metin sağdan sola. CF7 formu Türkçe yerelden dir="ltr" alıyor. */
html[lang^="fa"] .homepage-carousel .swiper-slide .text-container,
html[lang^="fa"] .footer-field .swiper-slide .editor,
html[lang^="fa"] .wpcf7[dir="ltr"] { direction: rtl; }
html[lang^="fa"] .wpcf7[dir="ltr"] :is(input, textarea, select) { text-align: right; }
html[lang^="fa"] .wpcf7[dir="ltr"] :is(input[type="email"], input[type="tel"]) { direction: ltr; text-align: right; }
html[dir="rtl"] .nwhs-brand-compact-trigger { text-align: right; }
html[dir="rtl"] .nwhs-brand-compact-trigger:has(.nwhs-brand-compact-photo) .nwhs-brand-compact-index { right: auto; left: 12px; }
/* Tema footer'ı (EN/FA'da da aynı): Tailwind space-x ve ml-8 soldan; Farsçada aynala */
html[dir="rtl"] .footer-field [class*="space-x-"] > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
html[dir="rtl"] .footer-field .ml-8 { margin-left: 0; margin-right: 2rem; }
html[dir="rtl"] .footer-field .contact-information-field a { text-align: right; }
/* Çeviri eklentisi Latin harfli bağlantılara dir="ltr" veriyor; footer listesinde hizayı bozuyordu */
html[dir="rtl"] .footer-field a[data-naswood-ltr="1"] { direction: rtl; }

/* Ana renk (bakır) yalnızca ana buton ve vurgu için; başlıklarda koyu metin rengi */
:root :is(h1, h2, h3, h4, h5, h6).text-primary-500,
:root [class*="editor-headings:text-primary-500"] :is(h1, h2, h3, h4, h5, h6),
:root .footer-field .form-title { color: #262924 !important; }
:root .footer-field .form-title { margin: 0 0 10px; font-size: clamp(22px, 2.2vw, 32px) !important; line-height: 1.15; }

/* D9 · Footer'daki %50–60 saydam yazılar 4,5:1 kontrastı geçmiyordu */
:root .footer-field [class*="text-mine-shaft-900/50"],
:root .footer-field [class*="text-mine-shaft-900/60"] { color: #565a54 !important; }

/* Sayfa Tarifleri, genel kural 6 · dokunma alanı en az 44 px: üst bar butonları ve dil seçici */
:root .nw-hdr-btn { min-height: 44px; }
:root .header-field .nwtff-language-overlay-v1024 .nwtff-language-trigger-v1024 { min-height: 44px !important; }
:root .header-field .nwtff-language-overlay-v1024.is-mobile-nav .nwtff-language-trigger-v1024 { width: 44px !important; height: 44px !important; }
@media (max-width: 600px) {
    :root .header-field .nwtff-language-overlay-v1024 .nwtff-language-trigger-v1024 { width: 44px !important; height: 44px !important; }
}

/* Footer proje slaytı: tema başlığı soldan 15 px kaydırıp tam genişlik veriyor; sağdan 15 px taşıyordu
   (Farsçada başlığın ilk harfi kesiliyordu). İki yanda 15 px boşluk. */
:root .footer-field .swiper-slide .editor.left-\[15px\] { width: calc(100% - 30px); }
html[dir="rtl"] .footer-field .swiper-slide .editor.left-\[15px\] { left: auto; right: 15px; }