/* Naswood teslim düzeltmeleri: header butonları, tek iletişim düğmesi, telefonda alt bar. */
:root {
    --nw-copper: #a0612f;          /* beyaz yazıyla 4,9:1 kontrast */
    --nw-copper-dark: #87501f;
    --nw-copper-brand: #cc8a56;
    --nw-ink: #333333;
    --nw-ink-strong: #222222;
    --nw-line: rgba(51, 51, 51, .14);
    --nw-bar-h: 60px;
    --nw-cookie-offset: 0px;
    --nw-font: Gilroy, "Segoe UI", Arial, sans-serif;
}
body.naswood-lang-fa, html[lang^="fa"] body {
    --nw-font: Vazirmatn, Tahoma, "Segoe UI", Arial, sans-serif;
}

.nw-sr {
    position: absolute !important;
    width: 1px; height: 1px;
    margin: -1px; padding: 0;
    overflow: hidden; clip: rect(0 0 0 0);
    white-space: nowrap; border: 0;
}

/* Eski iletişim grubu (iki telefon + Simple Chat Button) yerine tek katman gelir. */
.nwhs-mobile-contact-buttons,
#simple-chat-button--container,
.simple-chat-button--container {
    display: none !important;
}

/* ------------------------------------------------------------------ */
/* Header butonları                                                    */
/* ------------------------------------------------------------------ */
.header-field .menu-field { min-width: 0; }
.nw-hdr-actions {
    display: none;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    margin: 0 !important;
    margin-inline-start: 22px !important;
}
@media (min-width: 1199px) {
    .nw-hdr-actions { display: flex; }
    .header-field .main-menu-li > a > .text { white-space: nowrap; }
    /* Masaüstünde bu alanın içi boş (dil seçici ayrı katmanda, hamburger gizli) ama 75 px yer kaplıyordu. */
    .header-field .menu-field > .other-menu-field { display: none !important; }
    html[dir="rtl"] .header-field .menu-field > :not(:first-child) { margin-inline-start: 0; }
}
.nw-hdr-btn {
    --nw-hdr-fg: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 14px;
    font-family: var(--nw-font);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none !important;
    border: 1px solid transparent;
    border-radius: 2px;
    transition: background-color .25s, border-color .25s, color .25s;
}
.nw-hdr-btn svg { width: 18px; height: 18px; fill: currentColor; flex: 0 0 auto; }
.nw-hdr-btn--ghost {
    color: var(--nw-hdr-fg) !important;
    border-color: color-mix(in srgb, var(--nw-hdr-fg) 45%, transparent);
    background: transparent;
}
.nw-hdr-btn--ghost:hover,
.nw-hdr-btn--ghost:focus-visible {
    border-color: var(--nw-copper-brand);
    color: var(--nw-copper-brand) !important;
}
.nw-hdr-btn--primary,
.nw-btn--primary {
    color: #fff !important;
    background: var(--nw-copper);
    border-color: var(--nw-copper);
}
.nw-hdr-btn--primary:hover,
.nw-hdr-btn--primary:focus-visible,
.nw-btn--primary:hover,
.nw-btn--primary:focus-visible {
    background: var(--nw-copper-dark);
    border-color: var(--nw-copper-dark);
}
.nw-hdr-btn:focus-visible,
.nw-btn:focus-visible,
.nw-contact a:focus-visible,
.nw-contact button:focus-visible,
.nw-bottombar a:focus-visible {
    outline: 2px solid var(--nw-copper-brand);
    outline-offset: 2px;
}
/* Sabitlenmiş (beyaz) header'da koyu renk */
.header-field.is-fixed .nw-hdr-btn--ghost,
.header-field[class*="text-mine-shaft-900"]:not([class*="[&.is-fixed_"]) .nw-hdr-btn--ghost {
    --nw-hdr-fg: var(--nw-ink);
}

/* Dar masaüstü: önce ikincil butonların yazısı, sonra menü aralığı, en son ikincil butonlar */
html.nw-hdr-c1 .nw-hdr-btn--ghost { padding: 0; width: 40px; }
html.nw-hdr-c1 .nw-hdr-btn--ghost .nw-hdr-btn__label { display: none; }
html.nw-hdr-c2 .header-field .main-menu > ul { column-gap: 0; }
html.nw-hdr-c2 .header-field .main-menu > ul > li + li { margin-inline-start: 18px !important; margin-left: 0; }
html[dir="rtl"].nw-hdr-c2 .header-field .main-menu > ul > li + li { margin-right: 18px !important; margin-left: 0 !important; }
html.nw-hdr-c2 .header-field .menu-field { column-gap: 0; }
html.nw-hdr-c3 .nw-hdr-btn--ghost { display: none; }

/* ------------------------------------------------------------------ */
/* Masaüstü: sağ altta tek "Bize ulaşın"                               */
/* ------------------------------------------------------------------ */
.nw-contact {
    position: fixed;
    z-index: 9990;
    inset-inline-end: 24px;
    bottom: calc(24px + var(--nw-cookie-offset));
    display: none;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    font-family: var(--nw-font);
    transition: bottom .3s ease;
}
@media (min-width: 1199px) {
    .nw-contact { display: flex; }
}
.nw-contact__toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 20px 0 16px;
    color: #fff;
    background: var(--nw-ink-strong);
    border: 0;
    border-radius: 999px;
    font: 600 15px/1 var(--nw-font);
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    transition: background-color .25s;
}
.nw-contact__toggle:hover { background: #000; }
.nw-contact__toggle svg { width: 22px; height: 22px; fill: var(--nw-copper-brand); }
.nw-contact__toggle-icon { display: inline-flex; }
.nw-contact__toggle-icon--close { display: none; }
.nw-contact.is-open .nw-contact__toggle-icon--open { display: none; }
.nw-contact.is-open .nw-contact__toggle-icon--close { display: inline-flex; }
.nw-contact__panel {
    order: -1;
    width: 300px;
    padding: 18px;
    background: #fff;
    border: 1px solid var(--nw-line);
    border-radius: 6px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .16);
    color: var(--nw-ink);
}
.nw-contact__panel[hidden] { display: none; }
.nw-contact__title {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 600;
    color: var(--nw-ink-strong);
}
.nw-contact__list { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 2px; }
.nw-contact__item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 6px 8px;
    margin-inline: -8px;
    border-radius: 4px;
    color: var(--nw-ink) !important;
    text-decoration: none !important;
}
.nw-contact__item:hover { background: #f6f1ec; }
.nw-contact__icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 50%;
    background: #f3ebe3;
}
.nw-contact__icon svg { width: 18px; height: 18px; fill: var(--nw-copper); }
.nw-contact__item--wa .nw-contact__icon { background: #e7f6ec; }
.nw-contact__item--wa .nw-contact__icon svg { fill: #1f8f4e; }
.nw-contact__text { display: grid; gap: 3px; font-size: 13px; line-height: 1.25; color: #5b5b5b; }
.nw-contact__text strong { font-size: 14px; font-weight: 600; color: var(--nw-ink-strong); }
.nw-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    font: 600 15px/1 var(--nw-font);
    text-decoration: none !important;
    border: 1px solid transparent;
    border-radius: 2px;
}

/* ------------------------------------------------------------------ */
/* Telefon ve tablet: alt bar                                           */
/* ------------------------------------------------------------------ */
.nw-bottombar { display: none; }
@media (max-width: 1198px) {
    .nw-bottombar {
        position: fixed;
        z-index: 9990;
        left: 0;
        right: 0;
        bottom: 0;
        display: grid;
        grid-template-columns: 1fr 1fr 1.25fr;
        min-height: var(--nw-bar-h);
        padding-bottom: env(safe-area-inset-bottom, 0px);
        background: #fff;
        border-top: 1px solid var(--nw-line);
        box-shadow: 0 -6px 18px rgba(0, 0, 0, .08);
        font-family: var(--nw-font);
    }
    .nw-bottombar__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        min-height: var(--nw-bar-h);
        padding: 6px 4px;
        color: var(--nw-ink) !important;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.1;
        text-align: center;
        text-decoration: none !important;
    }
    .nw-bottombar__item + .nw-bottombar__item { border-inline-start: 1px solid var(--nw-line); }
    .nw-bottombar__item svg { width: 22px; height: 22px; fill: var(--nw-copper); }
    .nw-bottombar__item--wa svg { fill: #1f8f4e; }
    .nw-bottombar__item--quote { color: #fff !important; background: var(--nw-copper); border-inline-start-color: var(--nw-copper) !important; }
    .nw-bottombar__item--quote svg { fill: #fff; }
    body { padding-bottom: calc(var(--nw-bar-h) + env(safe-area-inset-bottom, 0px)) !important; }
    /* Temanın çerez çubuğu alt barın üstünde açılır. */
    .cookie-bar { bottom: calc(var(--nw-bar-h) + env(safe-area-inset-bottom, 0px)) !important; }
}

/* ------------------------------------------------------------------ */
/* Ana sayfa üst alanı: dolu "Teklif Al" + ikincil buton               */
/* ------------------------------------------------------------------ */
.homepage-carousel .button-field {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.homepage-carousel .nw-hero-btn--primary {
    background: var(--nw-copper) !important;
    border-color: var(--nw-copper) !important;
}
.homepage-carousel .nw-hero-btn--primary::before { background: var(--nw-copper-dark) !important; }
.homepage-carousel .nw-hero-btn--primary .text { color: #fff !important; font-weight: 600; }
.nw-hero-btn--secondary {
    display: inline-flex;
    align-items: center;
    min-height: 50px;
    padding: 0 28px;
    color: #fff !important;
    font-family: var(--nw-font);
    font-size: 18px;
    font-weight: 400;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, .75);
    transition: background-color .3s, color .3s, border-color .3s;
}
.nw-hero-btn--secondary:hover,
.nw-hero-btn--secondary:focus-visible {
    color: var(--nw-ink-strong) !important;
    background: #fff;
    border-color: #fff;
}
@media (max-width: 575px) {
    .homepage-carousel .button-field > a { flex: 1 1 100%; justify-content: center; width: 100% !important; }
}

/* Telefon/tablet: kaydırınca header beyaz zemine geçer, logo ve menü ikonu koyulaşır. */
@media (max-width: 1198px) {
    .header-field.nw-hdr-solid {
        background: #fff !important;
        box-shadow: 0 2px 14px rgba(0, 0, 0, .08);
        transition: background-color .3s ease, box-shadow .3s ease;
    }
    .header-field.nw-hdr-solid .logo-field .logo-text { fill: var(--nw-ink) !important; }
    .header-field.nw-hdr-solid .side-menu-selector .line { background-color: var(--nw-ink) !important; }
    .header-field.nw-hdr-solid .nwtff-language-trigger-v1024 {
        color: var(--nw-ink) !important;
        border-color: rgba(51, 51, 51, .3) !important;
        background: transparent !important;
    }
    .header-field.nw-hdr-solid .nwtff-language-trigger-v1024 svg,
    .header-field.nw-hdr-solid .nwtff-language-trigger-v1024 svg * { stroke: var(--nw-ink-strong); }
}

/* Ana sayfa marka kartları: logolar okunur boyutta, açıklamalar "…" ile kesilmeden. */
html body .nwhs-brand-compact-trigger {
    grid-template-columns: minmax(136px, .48fr) minmax(0, 1fr) 32px;
    gap: 16px;
    height: auto;
    min-height: 178px;
}
html body .nwhs-brand-compact-logo-wrap { min-height: 92px; padding: 8px 12px 8px 0; }
html body .nwhs-brand-compact-logo { max-width: 170px; height: 72px; }
html body .nwhs-brand-compact-copy > small {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    font-size: 13px;
}
@media (max-width: 1120px) {
    html body .nwhs-brand-compact-trigger { grid-template-columns: 104px minmax(0, 1fr) 30px; }
    html body .nwhs-brand-compact-logo { height: 60px; }
}
@media (max-width: 860px) {
    html body .nwhs-brand-compact-trigger { grid-template-columns: 116px minmax(0, 1fr) 34px; min-height: 138px; }
}
@media (max-width: 560px) {
    html body .nwhs-brand-expandable .nwhs-brand-compact-trigger,
    html body .nwhs-brand-expandable.is-mobile-accordion .nwhs-brand-compact-trigger {
        grid-template-columns: 92px minmax(0, 1fr) 28px;
        height: auto !important;
        max-height: none !important;
        min-height: 116px !important;
    }
    html body .nwhs-brand-expandable .nwhs-brand-compact-logo-wrap { min-height: 64px; padding: 6px; }
    html body .nwhs-brand-expandable .nwhs-brand-compact-logo { height: 52px; }
    html body .nwhs-brand-expandable .nwhs-brand-compact-copy > small,
    html body .nwhs-brand-expandable.is-mobile-accordion .nwhs-brand-compact-copy > small {
        display: block;
        font-size: 12px;
        line-height: 1.45;
        -webkit-line-clamp: unset;
    }
}

/* Footer sosyal medya şeridi: temanın space-x-[35px] boşluğu 14 px aralığa ekleniyor,
   şerit kendi alanından taşıp Pinterest ikonu "Bize Ulaşın" yazısının üstüne biniyordu. */
.footer-field .nwhs-footer-connect-strip .social-media-field ul > li { margin: 0 !important; }
.footer-field .nwhs-footer-connect-social-slot { flex: 0 0 auto; }
@media (min-width: 1024px) {
    .footer-field .nwhs-footer-connect-phone-group { margin-inline-start: 36px; }
}

/* Ana sayfa tanıtım videosu: kapak + oynat düğmesi */
.nw-video { position: relative; }
.nw-video video { display: block; background: #111; }
.nw-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88px;
    height: 88px;
    margin: -44px 0 0 -44px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
    cursor: pointer;
    transition: transform .2s ease, background-color .2s ease;
}
.nw-video__play svg { width: 34px; height: 34px; margin-inline-start: 5px; fill: var(--nw-copper); }
.nw-video__play:hover, .nw-video__play:focus-visible { transform: scale(1.06); background: #fff; }
.nw-video__play:focus-visible { outline: 3px solid var(--nw-copper-brand); outline-offset: 3px; }
.nw-video.is-playing .nw-video__play { display: none; }
@media (max-width: 575px) { .nw-video__play { width: 68px; height: 68px; margin: -34px 0 0 -34px; } }

/* Galeri veya pencere açıkken sabit iletişim öğeleri gizlenir. */
html.with-fancybox .nw-contact,
html.with-fancybox .nw-bottombar,
html.nw-modal-open .nw-contact,
html.nw-modal-open .nw-bottombar {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .nw-hdr-btn, .nw-contact, .nw-contact__toggle { transition: none; }
}
@media print {
    .nw-contact, .nw-bottombar, .nw-hdr-actions { display: none !important; }
}