/**
 * NetPazar temaları v2 — header (.site-navbar) etkilenmez, sadece main + footer
 * Önizleme: /tasarim-onizleme?tema=nova|flare|noir
 */

/* ── NOVA: ferah, açık, yumuşak ── */
[data-theme="nova"] .main-content {
    --t-bg: #FDF5ED;
    --t-surface: #ffffff;
    --t-accent: #4f46e5;
    --t-accent-soft: #eef2ff;
    --t-text: #1e293b;
    --t-muted: #64748b;
    --t-hero-overlay: linear-gradient(90deg, rgba(15,23,42,.72) 0%, rgba(15,23,42,.25) 55%, transparent 100%);
    --t-hero-btn: #4f46e5;
    --t-section: #ffffff;
    --t-footer: #1e293b;
}
[data-theme="nova"] .main-content { background: var(--t-bg); }
[data-theme="nova"] .hero-full-overlay { background: var(--t-hero-overlay); }
[data-theme="nova"] .hero-full-bg-fallback { background: linear-gradient(135deg, #6366f1, #818cf8); }
[data-theme="nova"] .hero-full-btn { background: var(--t-hero-btn); }
[data-theme="nova"] .theme-section { background: var(--t-section); border-radius: 16px; margin: 1rem 1.5rem; padding: 1.25rem 0; }
[data-theme="nova"] .ty-card { border-radius: 12px; border-color: #e8ecf4; box-shadow: 0 2px 12px rgba(79,70,229,.06); }
[data-theme="nova"] .site-footer {
    background: var(--header-bg, #FDF5ED);
    color: var(--accent-soft);
    border-top: 2px solid #dcc8ae;
}
[data-theme="nova"] .site-footer h4 { color: var(--accent); }
[data-theme="nova"] .site-footer a { color: #334155; }
[data-theme="nova"] .footer-bottom { background: rgba(255,255,255,.55); color: var(--muted); border-top-color: #ecdcc8; }

/* ── FLARE: canlı turuncu-koral pazar yeri ── */
[data-theme="flare"] .main-content {
    --t-bg: #FDF5ED;
    --t-surface: #ffffff;
    --t-accent: #ff5722;
    --t-accent-soft: #fff3e0;
    --t-text: #2d2d2d;
    --t-muted: #757575;
    --t-hero-overlay: linear-gradient(105deg, rgba(0,0,0,.7) 0%, rgba(255,87,34,.35) 100%);
    --t-hero-btn: #ff5722;
    --t-section: transparent;
    --t-footer: #212121;
}
[data-theme="flare"] .main-content { background: var(--t-bg); }
[data-theme="flare"] .hero-full-overlay { background: var(--t-hero-overlay); }
[data-theme="flare"] .hero-full-bg-fallback { background: linear-gradient(135deg, #ff5722, #ff9800); }
[data-theme="flare"] .hero-full-btn { background: var(--t-hero-btn); }
[data-theme="flare"] .theme-section { background: var(--t-surface); border-top: 3px solid #ff5722; margin-bottom: .5rem; padding: 1.5rem 0; }
[data-theme="flare"] .theme-section-head h2 { color: #ff5722; }
[data-theme="flare"] .ty-card { border-radius: 8px; border-color: #ffe0b2; }
[data-theme="flare"] .ty-price-normal, [data-theme="flare"] .ty-price-sale { color: #e64a19; }
[data-theme="flare"] .site-footer {
    background: var(--header-bg, #FDF5ED);
    border-top: 2px solid #dcc8ae;
}
[data-theme="flare"] .site-footer h4 { color: var(--accent); }
[data-theme="flare"] .site-footer a { color: #334155; }
[data-theme="flare"] .footer-bottom { background: rgba(255,255,255,.55); border-top-color: #ecdcc8; }

/* ── NOIR: koyu bantlar, premium kontrast ── */
[data-theme="noir"] .main-content {
    --t-bg: #FDF5ED;
    --t-surface: #1a1a1a;
    --t-accent: #d4af37;
    --t-accent-soft: #2a2a2a;
    --t-text: #f5f5f5;
    --t-muted: #a3a3a3;
    --t-hero-overlay: linear-gradient(90deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.4) 60%, rgba(0,0,0,.15) 100%);
    --t-hero-btn: #d4af37;
    --t-section: #141414;
    --t-footer: #000;
}
[data-theme="noir"] .main-content { background: var(--t-bg); }
[data-theme="noir"] .hero-full-overlay { background: var(--t-hero-overlay); }
[data-theme="noir"] .hero-full-bg-fallback { background: linear-gradient(135deg, #1a1a1a, #333); }
[data-theme="noir"] .hero-full-btn { background: var(--t-hero-btn); color: #111; font-weight: 800; }
[data-theme="noir"] .theme-section { background: var(--t-section); padding: 1.5rem 0; border-bottom: 1px solid #262626; }
[data-theme="noir"] .theme-section-head h2 { color: #fff; }
[data-theme="noir"] .theme-section-head p { color: var(--t-muted); }
[data-theme="noir"] .ty-card { background: #1f1f1f; border-color: #333; }
[data-theme="noir"] .ty-title, [data-theme="noir"] .ty-title strong { color: #f5f5f5; }
[data-theme="noir"] .ty-price-normal, [data-theme="noir"] .ty-price-sale { color: var(--t-accent); }
[data-theme="noir"] .home-stats-bar { background: var(--t-bg); }
[data-theme="noir"] .home-stat-item {
    background: #fff;
    color: var(--text);
}
[data-theme="noir"] .home-stat-text strong { color: #3d2b1f; }
[data-theme="noir"] .home-stat-text span { color: #5c4a3a; }
[data-theme="noir"] .ty-cat-card-media { border: 1px solid #444; }
[data-theme="noir"] .ty-brand-card { background: #1f1f1f; border-color: #333; }
[data-theme="noir"] .ty-brand-card-name { color: #fff; }
[data-theme="noir"] .site-footer {
    background: var(--header-bg, #FDF5ED);
    border-top: 2px solid #dcc8ae;
}
[data-theme="noir"] .site-footer h4 { color: var(--accent); }
[data-theme="noir"] .site-footer .footer-tagline,
[data-theme="noir"] .site-footer a { color: #334155; }
[data-theme="noir"] .footer-bottom { background: rgba(255,255,255,.55); color: var(--muted); border-top-color: #ecdcc8; }

/* Tam sayfa hero — tüm temalar */
.hero-full {
    position: relative;
    width: 100%;
    height: calc(100svh - var(--site-header-height, 72px));
    max-height: 720px;
    min-height: 320px;
    overflow: hidden;
    background: #111;
}
.hero-full-track { position: relative; width: 100%; height: 100%; }
.hero-full-slide {
    position: absolute; inset: 0;
    opacity: 0; visibility: hidden;
    transition: opacity .8s ease, visibility .8s;
}
.hero-full-slide.is-active { opacity: 1; visibility: visible; z-index: 1; }
.hero-full-bg {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
}
.hero-full-slide--linked { cursor: pointer; }
.hero-full-media-link {
    position: absolute; inset: 0; z-index: 0;
    display: block; text-decoration: none; color: inherit;
}
.hero-full-media-link .hero-full-bg,
.hero-full-media-link .hero-full-bg-fallback,
.hero-full-media-link .hero-full-overlay {
    pointer-events: none;
}
.hero-full-content {
    position: absolute; z-index: 2;
    left: max(1.5rem, 4vw); bottom: max(2.5rem, 8vh);
    max-width: 560px; color: #fff;
    pointer-events: none;
}
.hero-full-overlay {
    position: absolute; inset: 0; z-index: 1;
    pointer-events: none;
}
.hero-full-content h1 {
    font-size: clamp(1.75rem, 4vw, 3rem);
    font-weight: 800; line-height: 1.1; margin-bottom: .75rem;
    text-shadow: 0 2px 20px rgba(0,0,0,.4);
}
.hero-full-content p {
    font-size: clamp(.95rem, 1.5vw, 1.15rem);
    opacity: .92; margin-bottom: 1.25rem; line-height: 1.5;
}
.hero-full-btn {
    display: inline-block; padding: .75rem 1.75rem;
    background: #FF6B00; color: #fff; font-weight: 700;
    border-radius: 50px; transition: transform .2s;
}
.hero-full-btn:hover { transform: translateY(-2px); }
.hero-full-nav {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
    border: none; border-radius: 0; background: transparent;
    color: #fff; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    width: clamp(3rem, 8vw, 4.5rem);
    height: clamp(3rem, 8vw, 4.5rem);
    padding: 0;
    box-shadow: none;
    transition: opacity .2s, transform .2s;
    user-select: none;
}
.hero-full-chevron {
    display: block;
    width: clamp(1rem, 2.2vw, 1.35rem);
    height: clamp(1rem, 2.2vw, 1.35rem);
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    filter: drop-shadow(0 2px 10px rgba(0,0,0,.45));
    transition: transform .2s;
}
.hero-full-prev .hero-full-chevron { transform: rotate(-135deg); margin-left: .35rem; }
.hero-full-next .hero-full-chevron { transform: rotate(45deg); margin-right: .35rem; }
.hero-full-nav:hover {
    opacity: .85;
    transform: translateY(-50%) scale(1.06);
}
.hero-full-nav:hover .hero-full-chevron { transform: rotate(-135deg) scale(1.05); }
.hero-full-next:hover .hero-full-chevron { transform: rotate(45deg) scale(1.05); }
.hero-full-prev { left: .75rem; }
.hero-full-next { right: .75rem; }
.hero-full-dots {
    position: absolute; bottom: 1.25rem; left: 50%; transform: translateX(-50%);
    z-index: 3; display: flex; align-items: center; gap: .45rem;
}
.hero-full-dot {
    width: 32px; height: 3px; border-radius: 2px;
    border: none; background: rgba(255,255,255,.4);
    cursor: pointer; padding: 0;
    transition: background .25s, width .25s, opacity .25s;
}
.hero-full-dot.is-active {
    background: #fff;
    width: 48px;
    opacity: 1;
}

.theme-section-head {
    display: flex; justify-content: space-between; align-items: flex-end;
    margin-bottom: 1rem; padding: 0 1.5rem; gap: 1rem; flex-wrap: wrap;
}
.theme-section-head h2 { font-size: 1.25rem; font-weight: 800; margin: 0; }
.theme-section-head p { font-size: .85rem; color: var(--t-muted, #64748b); margin: .2rem 0 0; }

/* Tema seçici çubuğu */
.theme-picker-v2 {
    position: sticky; top: var(--site-header-height, 72px); z-index: 900;
    background: #fff; border-bottom: 2px solid #e2e8f0;
    padding: .75rem 1.5rem; box-shadow: 0 4px 16px rgba(0,0,0,.06);
}
.theme-picker-v2-inner {
    max-width: 1400px; margin: 0 auto;
    display: flex; align-items: center; gap: .75rem; flex-wrap: wrap;
}
.theme-picker-v2 span { font-weight: 700; font-size: .85rem; margin-right: .5rem; }
.theme-pill {
    padding: .45rem 1rem; border: 2px solid #e2e8f0; border-radius: 999px;
    font-size: .8rem; font-weight: 600; cursor: pointer; background: #fff;
    text-decoration: none; color: inherit;
}
.theme-pill:hover, .theme-pill.is-active { border-color: #333; }
.theme-pill-nova.is-active { border-color: #4f46e5; background: #eef2ff; }
.theme-pill-flare.is-active { border-color: #ff5722; background: #fff3e0; }
.theme-pill-noir.is-active { border-color: #d4af37; background: #1a1a1a; color: #fff; }

@media (max-width: 768px) {
    .hero-full { height: calc(100svh - var(--site-header-height, 72px)); max-height: 520px; min-height: 280px; }
    .hero-full-content { left: 1rem; right: 1rem; bottom: 3rem; }
    .hero-full-nav { width: 2.75rem; height: 2.75rem; }
    .hero-full-chevron { width: .85rem; height: .85rem; border-width: 3px; }
    .hero-full-prev { left: .35rem; }
    .hero-full-next { right: .35rem; }
    .hero-full-dot { width: 24px; }
    .hero-full-dot.is-active { width: 36px; }
}