/**
 * Ana header (logo + menü + aksiyon): 10 sektör konsepti — yalnızca CSS.
 * Renkler: --site-primary, --site-secondary, --site-accent (panel Pantone / tema paleti).
 * header-main-nav-themes.css sonrası yüklenir; nav/CTA/zemin üzerine ince ayar.
 */

/* ---------- Ortak: aktif = palet + alt çizgi (referans mockup) ---------- */
.site-header-main-block--theme-1 .site-header-nav-link,
.site-header-main-block--theme-3 .site-header-nav-link,
.site-header-main-block--theme-4 .site-header-nav-link,
.site-header-main-block--theme-5 .site-header-nav-link,
.site-header-main-block--theme-6 .site-header-nav-link,
.site-header-main-block--theme-8 .site-header-nav-link,
.site-header-main-block--theme-9 .site-header-nav-link,
.site-header-main-block--theme-10 .site-header-nav-link {
    border-bottom: 2px solid transparent;
    font-weight: 500;
}

.site-header-main-block--theme-1 .site-header-nav-link.is-active,
.site-header-main-block--theme-3 .site-header-nav-link.is-active,
.site-header-main-block--theme-5 .site-header-nav-link.is-active,
.site-header-main-block--theme-6 .site-header-nav-link.is-active,
.site-header-main-block--theme-8 .site-header-nav-link.is-active,
.site-header-main-block--theme-9 .site-header-nav-link.is-active,
.site-header-main-block--theme-10 .site-header-nav-link.is-active {
    border-bottom-color: var(--site-primary);
    color: var(--site-primary);
    font-weight: 600;
    background: transparent;
    box-shadow: none;
}

.site-header-main-block--theme-4 .site-header-nav-link.is-active {
    border-bottom-color: var(--site-accent);
    color: var(--site-accent);
    font-weight: 600;
    background: transparent;
    box-shadow: none;
}

/* ---------- 1 Kurumsal — açık şerit, mavi CTA ---------- */
.site-header-main-block--theme-1 .site-header-main {
    background: var(--site-bg-light);
    border-bottom: 1px solid var(--site-border-light);
}

.site-header-main-block--theme-1 .site-header-logo {
    color: var(--site-text-dark);
}

.site-header-main-block--theme-1 .site-header-nav-link {
    color: var(--site-text-muted);
}

.site-header-main-block--theme-1 .site-header-nav-link:hover {
    color: var(--site-primary);
    border-bottom-color: color-mix(in srgb, var(--site-primary) 45%, transparent);
}

.site-header-main-block--theme-1 .site-header-cta {
    background: var(--site-primary);
    border-color: var(--site-primary);
    color: #fff;
    border-radius: 6px;
}

.site-header-main-block--theme-1 .site-header-cta:hover {
    filter: brightness(1.08);
    border-color: var(--site-primary-hover, var(--site-primary));
    background: var(--site-primary-hover, var(--site-primary));
}

/* ---------- 2 Mühendislik — koyu şerit, ikincil (sarı) vurgu ---------- */
.site-header-main-block--theme-2 .site-header-main {
    background: #141414;
    border-bottom: 1px solid rgb(255 255 255 / 0.08);
}

.site-header-main-block--theme-2 .site-header-logo {
    color: #fff;
}

.site-header-main-block--theme-2 .site-header-nav-link {
    color: rgb(255 255 255 / 0.88);
}

.site-header-main-block--theme-2 .site-header-nav-link:hover {
    color: var(--site-secondary, #facc15);
    border-bottom-color: color-mix(in srgb, var(--site-secondary, #facc15) 55%, transparent);
    background: transparent;
}

.site-header-main-block--theme-2 .site-header-nav-link.is-active {
    color: var(--site-secondary, #facc15);
    border-bottom-color: var(--site-secondary, #facc15);
}

.site-header-main-block--theme-2 .site-header-center {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

.site-header-main-block--theme-2 .site-header-nav > * + * {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}

.site-header-main-block--theme-2 .site-header-nav-link {
    border-radius: 0;
}

.site-header-main-block--theme-2 .site-header-cta {
    background: var(--site-secondary, #facc15);
    color: #111;
    border-color: var(--site-secondary, #facc15);
    border-radius: 4px;
}

.site-header-main-block--theme-2 .site-header-cta:hover {
    filter: brightness(1.05);
    color: #0a0a0a;
}

.site-header-main-block--theme-2 .site-header-search-toggle,
.site-header-main-block--theme-2 .site-header-theme-toggle {
    color: rgb(255 255 255 / 0.9);
    border-color: rgb(255 255 255 / 0.2);
}

/* ---------- 3 İnşaat — açık zemin, turuncu aktif ---------- */
.site-header-main-block--theme-3 .site-header-main {
    background: var(--site-bg-light);
    border-top: none;
    border-bottom: 1px solid var(--site-border-light);
}

.site-header-main-block--theme-3 .site-header-nav-link.is-active::after {
    display: none;
}

.site-header-main-block--theme-3 .site-header-nav-link:hover {
    color: var(--site-primary);
    border-bottom-color: color-mix(in srgb, var(--site-primary) 40%, transparent);
}

.site-header-main-block--theme-3 .site-header-cta {
    background: var(--site-primary);
    color: #111;
    border-color: var(--site-primary);
    font-weight: 700;
}

.site-header-main-block--theme-3 .site-header-cta:hover {
    filter: brightness(1.06);
    color: #0a0a0a;
}

/* ---------- 4 Diş — teal vurgu ---------- */
.site-header-main-block--theme-4 .site-header-main {
    background: var(--site-bg-light);
}

.site-header-main-block--theme-4 .site-header-nav-link:hover {
    color: var(--site-accent);
    border-bottom-color: color-mix(in srgb, var(--site-accent) 45%, transparent);
}

.site-header-main-block--theme-4 .site-header-nav-link.is-active {
    color: var(--site-accent);
    border-bottom-color: var(--site-accent);
}

.site-header-main-block--theme-4 .site-header-cta {
    background: var(--site-accent);
    border-color: var(--site-accent);
    color: #fff;
}

/* ---------- 5 Sağlık ---------- */
.site-header-main-block--theme-5 .site-header-main {
    background: var(--site-bg-light);
}

.site-header-main-block--theme-5 .site-header-nav-link:hover {
    color: var(--site-primary);
    border-bottom-color: color-mix(in srgb, var(--site-primary) 40%, transparent);
}

.site-header-main-block--theme-5 .site-header-cta {
    background: color-mix(in srgb, var(--site-primary) 88%, #0f172a);
    border-color: transparent;
    color: #fff;
}

/* ---------- 6 Güzellik — soluk pembe zemin ---------- */
.site-header-main-block--theme-6 .site-header-main {
    background: color-mix(in srgb, var(--site-primary) 9%, #fff);
    border-bottom: 1px solid color-mix(in srgb, var(--site-primary) 22%, var(--site-border-light));
}

.site-header-main-block--theme-6 .site-header-nav-link:hover {
    color: var(--site-primary);
    border-bottom-color: color-mix(in srgb, var(--site-primary) 35%, transparent);
}

.site-header-main-block--theme-6 .site-header-cta {
    background: color-mix(in srgb, var(--site-primary) 75%, #6b21a8);
    border-color: transparent;
    color: #fff;
}

/* ---------- 7 Restoran — koyu şerit, altın/ikincil aktif ---------- */
.site-header-main-block--theme-7 .site-header-main {
    background: #1c1410;
    border-bottom: 1px solid #3d2f24;
}

.site-header-main-block--theme-7 .site-header-logo {
    color: #f5f0e6;
}

.site-header-main-block--theme-7 .site-header-nav-link {
    color: rgb(245 240 230 / 0.9);
    border-top: none;
    margin-top: 0;
}

.site-header-main-block--theme-7 .site-header-nav-link:hover {
    color: var(--site-secondary, #d4af37);
    background: rgb(255 255 255 / 0.08);
    border-bottom-color: color-mix(in srgb, var(--site-secondary, #d4af37) 50%, transparent);
}

.site-header-main-block--theme-7 .site-header-nav-link.is-active {
    color: var(--site-secondary, #d4af37);
    border-bottom-color: var(--site-secondary, #d4af37);
    background: rgb(255 255 255 / 0.06);
}

.site-header-main-block--theme-7 .site-header-cta {
    background: var(--site-secondary, #d4af37);
    color: #1a1208;
    border-color: var(--site-secondary, #d4af37);
    font-weight: 700;
}

.site-header-main-block--theme-7 .site-header-cta:hover {
    filter: brightness(1.06);
    color: #0d0804;
}

.site-header-main-block--theme-7 .site-header-search-toggle,
.site-header-main-block--theme-7 .site-header-theme-toggle {
    color: #e8d5b5;
    border-color: rgb(212 175 55 / 0.35);
}

/* ---------- 8 Emlak ---------- */
.site-header-main-block--theme-8 .site-header-main {
    background: var(--site-bg-light);
}

.site-header-main-block--theme-8 .site-header-nav-link {
    text-transform: none;
    letter-spacing: 0.02em;
    font-size: 0.875rem;
}

.site-header-main-block--theme-8 .site-header-nav-link:hover {
    color: var(--site-primary);
    border-bottom-color: color-mix(in srgb, var(--site-primary) 45%, transparent);
}

.site-header-main-block--theme-8 .site-header-nav-link.is-active {
    color: var(--site-primary);
    border-bottom-color: var(--site-primary);
}

.site-header-main-block--theme-8 .site-header-cta {
    background: color-mix(in srgb, var(--site-primary) 82%, #0f172a);
    border-color: transparent;
    color: #fff;
}

/* ---------- 9 Oto — kırmızı vurgu, eğik CTA ---------- */
.site-header-main-block--theme-9 .site-header-main {
    background: var(--site-bg-light);
    margin: 0;
    padding: 0.875rem 1.5rem;
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid var(--site-border-light);
}

.site-header-main-block--theme-9 .site-header-nav-link:hover {
    color: var(--site-primary);
    border-bottom-color: color-mix(in srgb, var(--site-primary) 50%, transparent);
}

.site-header-main-block--theme-9 .site-header-nav-link.is-active {
    color: var(--site-primary);
    border-bottom-color: var(--site-primary);
}

.site-header-main-block--theme-9 .site-header-cta {
    background: var(--site-primary);
    border-color: var(--site-primary);
    color: #fff;
    transform: skewX(-10deg);
    border-radius: 2px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.site-header-main-block--theme-9 .site-header-cta:hover {
    transform: skewX(-10deg) translateY(-1px);
    filter: brightness(1.05);
}

/* ---------- 10 Eğitim — mor ton, cam düğme menü ---------- */
.site-header-main-block--theme-10 .site-header-main {
    background: linear-gradient(180deg, var(--site-bg-light) 0%, color-mix(in srgb, var(--site-primary) 5%, var(--site-bg-secondary)) 100%);
}

.site-header-main-block--theme-10 .site-header-nav-link:hover {
    color: var(--site-primary);
    border-bottom-color: color-mix(in srgb, var(--site-primary) 40%, transparent);
}

.site-header-main-block--theme-10 .site-header-nav-link.is-active {
    color: var(--site-primary);
    border-bottom-color: var(--site-primary);
}

.site-header-main-block--theme-10 .site-header-cta {
    background: var(--site-primary);
    border: 2px solid var(--site-primary);
    color: #fff;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--site-accent) 35%, transparent);
}

.site-header-main-block--theme-10 .site-header-cta:hover {
    background: color-mix(in srgb, var(--site-primary) 88%, #000);
    border-color: var(--site-primary);
}

/* ========================================================================
   Koyu site teması (html[data-theme="dark"])
   ======================================================================== */
html[data-theme="dark"] .site-header-main-block--theme-1 .site-header-main,
html[data-theme="dark"] .site-header-main-block--theme-3 .site-header-main,
html[data-theme="dark"] .site-header-main-block--theme-4 .site-header-main,
html[data-theme="dark"] .site-header-main-block--theme-5 .site-header-main,
html[data-theme="dark"] .site-header-main-block--theme-6 .site-header-main,
html[data-theme="dark"] .site-header-main-block--theme-8 .site-header-main,
html[data-theme="dark"] .site-header-main-block--theme-9 .site-header-main {
    background: color-mix(in srgb, var(--site-bg-card) 96%, transparent);
    border-bottom-color: var(--site-border);
}

html[data-theme="dark"] .site-header-main-block--theme-1 .site-header-logo,
html[data-theme="dark"] .site-header-main-block--theme-3 .site-header-logo,
html[data-theme="dark"] .site-header-main-block--theme-4 .site-header-logo,
html[data-theme="dark"] .site-header-main-block--theme-5 .site-header-logo,
html[data-theme="dark"] .site-header-main-block--theme-6 .site-header-logo,
html[data-theme="dark"] .site-header-main-block--theme-8 .site-header-logo,
html[data-theme="dark"] .site-header-main-block--theme-9 .site-header-logo {
    color: var(--site-text-dark);
}

html[data-theme="dark"] .site-header-main-block--theme-1 .site-header-nav-link,
html[data-theme="dark"] .site-header-main-block--theme-3 .site-header-nav-link,
html[data-theme="dark"] .site-header-main-block--theme-4 .site-header-nav-link,
html[data-theme="dark"] .site-header-main-block--theme-5 .site-header-nav-link,
html[data-theme="dark"] .site-header-main-block--theme-6 .site-header-nav-link,
html[data-theme="dark"] .site-header-main-block--theme-8 .site-header-nav-link,
html[data-theme="dark"] .site-header-main-block--theme-9 .site-header-nav-link {
    color: var(--site-text-muted);
}

html[data-theme="dark"] .site-header-main-block--theme-1 .site-header-nav-link:hover,
html[data-theme="dark"] .site-header-main-block--theme-3 .site-header-nav-link:hover,
html[data-theme="dark"] .site-header-main-block--theme-4 .site-header-nav-link:hover,
html[data-theme="dark"] .site-header-main-block--theme-5 .site-header-nav-link:hover,
html[data-theme="dark"] .site-header-main-block--theme-6 .site-header-nav-link:hover,
html[data-theme="dark"] .site-header-main-block--theme-8 .site-header-nav-link:hover,
html[data-theme="dark"] .site-header-main-block--theme-9 .site-header-nav-link:hover {
    color: var(--site-accent);
    border-bottom-color: color-mix(in srgb, var(--site-accent) 45%, transparent);
}

html[data-theme="dark"] .site-header-main-block--theme-1 .site-header-nav-link.is-active,
html[data-theme="dark"] .site-header-main-block--theme-3 .site-header-nav-link.is-active,
html[data-theme="dark"] .site-header-main-block--theme-4 .site-header-nav-link.is-active,
html[data-theme="dark"] .site-header-main-block--theme-5 .site-header-nav-link.is-active,
html[data-theme="dark"] .site-header-main-block--theme-6 .site-header-nav-link.is-active,
html[data-theme="dark"] .site-header-main-block--theme-8 .site-header-nav-link.is-active,
html[data-theme="dark"] .site-header-main-block--theme-9 .site-header-nav-link.is-active {
    color: var(--site-accent);
    border-bottom-color: var(--site-accent);
}

html[data-theme="dark"] .site-header-main-block--theme-4 .site-header-nav-link.is-active {
    color: var(--site-accent);
    border-bottom-color: var(--site-accent);
}

html[data-theme="dark"] .site-header-main-block--theme-2 .site-header-main {
    background: #0f0f0f;
    border-bottom-color: rgb(255 255 255 / 0.08);
}

html[data-theme="dark"] .site-header-main-block--theme-7 .site-header-main {
    background: #12100e;
    border-bottom-color: #3d2f24;
}

html[data-theme="dark"] .site-header-main-block--theme-10 .site-header-main {
    background: linear-gradient(180deg, var(--site-bg-card) 0%, var(--site-bg-secondary) 100%);
}

html[data-theme="dark"] .site-header-main-block--theme-10 .site-header-nav-link {
    color: var(--site-text-muted);
}

html[data-theme="dark"] .site-header-main-block--theme-10 .site-header-nav-link:hover,
html[data-theme="dark"] .site-header-main-block--theme-10 .site-header-nav-link.is-active {
    color: var(--site-accent);
    border-bottom-color: var(--site-accent);
}