/* Açık / koyu tema — html[data-theme="light"|"dark"] (varsayılan açık = :root site.css) */

html[data-theme="dark"] {
    color-scheme: dark;
    --tt-bg: #0b101a;
    --tt-surface: #121c2c;
    --tt-surface-soft: #182436;
    --tt-surface-strong: #e2e8f0;
    --tt-text: #e8eef7;
    --tt-text-soft: #94a3b8;
    --tt-line: rgba(255, 255, 255, .10);
    --tt-line-strong: rgba(255, 255, 255, .18);
    --tt-primary: #60a5fa;
    --tt-primary-strong: #3b82f6;
    --tt-accent: #38bdf8;
    /* Açık temada --tt-dark mürekkep; koyu zeminde başlık için açık ton */
    --tt-dark: #f1f5f9;
    --tt-dark-soft: #94a3b8;
    --tt-shadow: 0 22px 60px rgba(0, 0, 0, .42);
    --tt-shadow-soft: 0 12px 30px rgba(0, 0, 0, .28);
}

html[data-theme="light"] {
    color-scheme: light;
}

html[data-theme="dark"] body {
    color: var(--tt-text);
    background:
        radial-gradient(900px 480px at -5% -10%, rgba(37, 99, 235, .18), transparent 58%),
        radial-gradient(1100px 560px at 105% 15%, rgba(56, 189, 248, .10), transparent 55%),
        linear-gradient(180deg, #070b12 0%, #0d1524 45%, #0a101a 100%);
}

/* Ürün kartları & vitrin (home.css / products.css) */
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .tt-campaign-card {
    border-color: rgba(255, 255, 255, .08);
    background: linear-gradient(180deg, #151f30 0%, #121b2a 100%);
    box-shadow: var(--tt-shadow-soft);
}

html[data-theme="dark"] .product-card:hover,
html[data-theme="dark"] .tt-campaign-card:hover {
    box-shadow: 0 22px 48px rgba(37, 99, 235, .22);
}

html[data-theme="dark"] .product-media,
html[data-theme="dark"] .tt-campaign-media {
    background: linear-gradient(180deg, #1a2538 0%, #141d2e 100%);
    border-bottom-color: rgba(255, 255, 255, .06);
}

html[data-theme="dark"] .product-body,
html[data-theme="dark"] .tt-campaign-body {
    color: var(--tt-text);
}

html[data-theme="dark"] .tt-showcase-surface {
    border-color: rgba(96, 165, 250, .22);
    background:
        radial-gradient(900px 320px at 8% -10%, rgba(56, 189, 248, 0.14), transparent 55%),
        radial-gradient(700px 280px at 100% 0%, rgba(99, 102, 241, 0.10), transparent 50%),
        linear-gradient(168deg, rgba(22, 28, 42, 0.98) 0%, rgba(15, 23, 38, 0.92) 100%);
    box-shadow:
        0 24px 56px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .tt-showcase--campaign .tt-showcase-surface {
    border-color: rgba(251, 191, 36, 0.28);
    background:
        radial-gradient(820px 300px at 0% 0%, rgba(251, 191, 36, 0.14), transparent 58%),
        radial-gradient(640px 240px at 100% 100%, rgba(249, 115, 22, 0.10), transparent 55%),
        linear-gradient(168deg, #1a1812 0%, rgba(35, 28, 18, 0.92) 100%);
}

html[data-theme="dark"] .tt-showcase--bestsellers .tt-showcase-surface {
    border-color: rgba(96, 165, 250, 0.22);
    background:
        radial-gradient(780px 280px at 100% -5%, rgba(99, 102, 241, 0.12), transparent 55%),
        radial-gradient(600px 220px at 0% 100%, rgba(56, 189, 248, 0.08), transparent 52%),
        linear-gradient(168deg, #151f30 0%, rgba(18, 26, 42, 0.92) 100%);
}

html[data-theme="dark"] .tt-showcase .product-card--showcase,
html[data-theme="dark"] .tt-showcase .tt-campaign-card--showcase {
    border-color: rgba(255, 255, 255, .07);
    background: linear-gradient(180deg, #182236 0%, #121c2c 100%);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .home-trust-card {
    border-color: rgba(255, 255, 255, .12);
    background: linear-gradient(180deg, rgba(22, 28, 42, 0.96), rgba(15, 23, 38, 0.85));
}

html[data-theme="dark"] .home-trust-card strong {
    color: var(--tt-text);
}

/* Vitrin yüzeyi — home.css sonradan yüklense bile koyu kalsın */
html[data-theme="dark"] section.tt-showcase .tt-showcase-surface {
    border-color: rgba(96, 165, 250, .22);
    background:
        radial-gradient(900px 320px at 8% -10%, rgba(56, 189, 248, 0.14), transparent 55%),
        radial-gradient(700px 280px at 100% 0%, rgba(99, 102, 241, 0.10), transparent 50%),
        linear-gradient(168deg, rgba(22, 28, 42, 0.98) 0%, rgba(15, 23, 38, 0.92) 100%);
    box-shadow:
        0 24px 56px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] section.tt-showcase--campaign .tt-showcase-surface {
    border-color: rgba(251, 191, 36, 0.28);
    background:
        radial-gradient(820px 300px at 0% 0%, rgba(251, 191, 36, 0.14), transparent 58%),
        radial-gradient(640px 240px at 100% 100%, rgba(249, 115, 22, 0.10), transparent 55%),
        linear-gradient(168deg, #1a1812 0%, rgba(35, 28, 18, 0.92) 100%);
}

html[data-theme="dark"] section.tt-showcase--bestsellers .tt-showcase-surface {
    border-color: rgba(96, 165, 250, 0.22);
    background:
        radial-gradient(780px 280px at 100% -5%, rgba(99, 102, 241, 0.12), transparent 55%),
        radial-gradient(600px 280px at 0% 100%, rgba(56, 189, 248, 0.08), transparent 52%),
        linear-gradient(168deg, #151f30 0%, rgba(18, 26, 42, 0.92) 100%);
}

/* “Tümünü gör” — açık zemindeki pill; metin okunur */
html[data-theme="dark"] .section-title {
    color: var(--tt-text);
}

html[data-theme="dark"] .section-link {
    background: rgba(24, 36, 54, 0.94);
    border-color: rgba(96, 165, 250, 0.38);
    color: var(--tt-accent);
    opacity: 1;
}

html[data-theme="dark"] .section-link:hover {
    color: #f8fafc;
    border-color: rgba(96, 165, 250, 0.55);
    background: rgba(30, 58, 138, 0.55);
}

/* Çok satanlar — carousel çerçeve ve oklar */
html[data-theme="dark"] .tt-slider--showcase .tt-slider-viewport {
    border-color: var(--tt-line-strong);
    background: rgba(15, 23, 42, 0.35);
    backdrop-filter: blur(10px);
}

html[data-theme="dark"] .tt-slider--showcase .tt-slider-btn {
    background: var(--tt-surface-soft);
    border-color: rgba(96, 165, 250, 0.3);
    color: var(--tt-accent);
    box-shadow: var(--tt-shadow-soft);
}

html[data-theme="dark"] .tt-slider--showcase .tt-slider-btn:hover {
    border-color: rgba(96, 165, 250, 0.5);
    color: #e8eef7;
}

html[data-theme="dark"] .tt-slide-badge {
    color: #bfdbfe;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.38), rgba(30, 58, 138, 0.55));
    border-color: rgba(96, 165, 250, 0.35);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .pill,
html[data-theme="dark"] .tt-slide-pill {
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.18), rgba(56, 189, 248, 0.12));
    color: #bfdbfe;
    border-color: rgba(96, 165, 250, 0.38);
}

html[data-theme="dark"] .tt-showcase--campaign .tt-campaign-pill {
    color: #fed7aa;
    background: linear-gradient(135deg, rgba(234, 88, 12, 0.22), rgba(251, 191, 36, 0.12));
    border-color: rgba(251, 191, 36, 0.35);
}

html[data-theme="dark"] .home-step-body h3,
html[data-theme="dark"] .tt-feature-text h3 {
    color: var(--tt-text);
}

/* Anasayfa teklif bandı */
html[data-theme="dark"] .cta-offer-inner {
    border-color: var(--tt-line-strong);
    background:
        radial-gradient(280px 120px at 0% 0%, rgba(56, 189, 248, .12), transparent 70%),
        radial-gradient(360px 180px at 100% 100%, rgba(37, 99, 235, .1), transparent 70%),
        linear-gradient(180deg, var(--tt-surface) 0%, var(--tt-surface-soft) 100%);
    box-shadow: var(--tt-shadow-soft);
}

html[data-theme="dark"] .cta-left h2 {
    color: var(--tt-text);
}

html[data-theme="dark"] .cta-btn-soft {
    background: var(--tt-surface-soft);
    border-color: var(--tt-line-strong);
    color: var(--tt-text);
}

html[data-theme="dark"] .cta-btn-soft:hover {
    border-color: rgba(96, 165, 250, 0.4);
    background: var(--tt-surface);
}

/* Sepet / diğer sayfalar — kart benzeri bloklar */
html[data-theme="dark"] .cart-panel,
html[data-theme="dark"] .gallery-grid article {
    border-color: var(--tt-line) !important;
}

/* Admin */
html[data-theme="dark"] .admin-input,
html[data-theme="dark"] .admin-textarea,
html[data-theme="dark"] .admin-select {
    background: var(--tt-surface-soft);
    color: var(--tt-text);
    border-color: var(--tt-line-strong);
}

html[data-theme="dark"] .admin-nav-toggle:hover {
    background: var(--tt-surface-soft);
}

html[data-theme="dark"] .admin-branding-preview-tile {
    background: rgba(22, 28, 42, 0.85);
}

html[data-theme="dark"] .admin-code-inline {
    background: rgba(255, 255, 255, .08);
}

/* ---------- Geniş koyu tema: yazılar, filtreler, kartlar, formlar ---------- */

html[data-theme="dark"] .btn-tt-outline,
html[data-theme="dark"] .tt-panel {
    background: var(--tt-surface-soft);
    border-color: var(--tt-line-strong);
    color: var(--tt-text);
}

html[data-theme="dark"] .tt-mega-surface {
    border-color: var(--tt-line-strong);
    background:
        radial-gradient(320px 140px at 0% 0%, rgba(56, 189, 248, .12), transparent 72%),
        radial-gradient(340px 180px at 100% 100%, rgba(37, 99, 235, .08), transparent 72%),
        linear-gradient(180deg, var(--tt-surface) 0%, var(--tt-surface-soft) 100%);
    box-shadow: 0 28px 60px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .tt-mega-search input {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
    color: var(--tt-text);
}

html[data-theme="dark"] .tt-mega-search input:focus {
    border-color: rgba(96, 165, 250, .45);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .22);
}

html[data-theme="dark"] .tt-mega-title,
html[data-theme="dark"] .tt-mega-heading {
    color: var(--tt-text);
}

/* Ürünler — filtre paneli */
html[data-theme="dark"] .cat-panel {
    border-color: var(--tt-line-strong);
    background:
        radial-gradient(320px 140px at 0% 0%, rgba(56, 189, 248, .1), transparent 72%),
        radial-gradient(340px 180px at 100% 100%, rgba(37, 99, 235, .08), transparent 72%),
        linear-gradient(180deg, var(--tt-surface) 0%, var(--tt-surface-soft) 100%);
    box-shadow: var(--tt-shadow-soft);
}

html[data-theme="dark"] .cat-title-main {
    color: var(--tt-text);
}

html[data-theme="dark"] .cat-search input {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
    color: var(--tt-text);
}

html[data-theme="dark"] .cat-search input:focus {
    border-color: rgba(96, 165, 250, .35);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .15);
}

html[data-theme="dark"] .cat-search-ico {
    color: var(--tt-accent);
}

html[data-theme="dark"] .cat-tab:not(.active) {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
    color: var(--tt-text);
}

html[data-theme="dark"] .cat-tab.active {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--tt-primary-strong), var(--tt-primary));
}

html[data-theme="dark"] .cat-selected {
    background: rgba(96, 165, 250, .14);
    color: var(--tt-accent);
}

html[data-theme="dark"] .products-title {
    color: var(--tt-text);
}

html[data-theme="dark"] .products-pagination .page-btn {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
    color: var(--tt-text);
}

html[data-theme="dark"] .products-pagination .page-gap {
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .products-empty,
html[data-theme="dark"] .products-empty-live {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .product-title,
html[data-theme="dark"] .tt-campaign-name {
    color: var(--tt-text);
}

/* Sepet */
html[data-theme="dark"] .cart-head,
html[data-theme="dark"] .cart-list-wrap,
html[data-theme="dark"] .cart-summary,
html[data-theme="dark"] .cart-empty {
    border-color: var(--tt-line-strong);
    background:
        radial-gradient(340px 140px at 100% 0%, rgba(56, 189, 248, .08), transparent 72%),
        linear-gradient(160deg, var(--tt-surface) 0%, var(--tt-surface-soft) 100%);
    box-shadow: var(--tt-shadow-soft);
}

html[data-theme="dark"] .cart-kicker {
    border-color: rgba(96, 165, 250, .35);
    background: rgba(96, 165, 250, .12);
    color: var(--tt-accent);
}

html[data-theme="dark"] .cart-head h1 {
    color: var(--tt-text);
}

html[data-theme="dark"] .cart-stat {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
}

html[data-theme="dark"] .cart-stat strong {
    color: var(--tt-text);
}

html[data-theme="dark"] .cart-stat span {
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .cart-notice {
    border-color: rgba(96, 165, 250, .28);
    background: rgba(96, 165, 250, .1);
    color: var(--tt-accent);
}

html[data-theme="dark"] .cart-empty-ico {
    color: var(--tt-accent);
    background: rgba(96, 165, 250, .12);
    border-color: rgba(96, 165, 250, .25);
}

html[data-theme="dark"] .cart-list-head {
    color: var(--tt-text);
}

html[data-theme="dark"] .cart-item {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface);
}

html[data-theme="dark"] .cart-item-media {
    background: linear-gradient(180deg, var(--tt-surface-soft), var(--tt-surface));
}

html[data-theme="dark"] .cart-item-name {
    color: var(--tt-text);
}

html[data-theme="dark"] .cart-item-name:hover {
    color: var(--tt-accent);
}

html[data-theme="dark"] .cart-item-detail {
    color: var(--tt-accent);
}

html[data-theme="dark"] .cart-qty-label input {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
    color: var(--tt-text);
}

html[data-theme="dark"] .cart-summary-line {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
}

html[data-theme="dark"] .cart-summary-line span {
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .cart-summary-line strong {
    color: var(--tt-text);
}

/*
 * Sepet düğmeleri: genel .cart-btn kuralı .cart-btn-primary'dan daha güçlü olduğu için
 * yeşil gradient silinip gölge kalıyordu (kenarlarda halo).
 * Varyantlar açıkça tanımlanır; yazı kümeleri yumuşatılır.
 */
html[data-theme="dark"] .cart-btn {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html[data-theme="dark"] .cart-btn-primary {
    color: #f8fafc;
    background: linear-gradient(145deg, #16a34a 0%, #15803d 100%);
    border: 1px solid rgba(74, 222, 128, 0.42);
    box-shadow: 0 4px 16px rgba(22, 163, 74, 0.38);
}

html[data-theme="dark"] .cart-btn-primary:hover {
    filter: brightness(1.06);
    border-color: rgba(134, 239, 172, 0.55);
    box-shadow: 0 6px 20px rgba(22, 163, 74, 0.45);
}

html[data-theme="dark"] .cart-btn-soft {
    color: #dbeafe;
    background: rgba(59, 130, 246, 0.16);
    border: 1px solid rgba(96, 165, 250, 0.38);
    box-shadow: none;
}

html[data-theme="dark"] .cart-btn-soft:hover {
    background: rgba(59, 130, 246, 0.22);
    border-color: rgba(147, 197, 253, 0.45);
}

html[data-theme="dark"] .cart-btn-danger {
    color: #fecaca;
    background: rgba(239, 68, 68, 0.14);
    border: 1px solid rgba(248, 113, 113, 0.42);
    box-shadow: none;
}

html[data-theme="dark"] .cart-btn-danger:hover {
    background: rgba(239, 68, 68, 0.2);
    border-color: rgba(252, 165, 165, 0.55);
}

/* Galeri */
html[data-theme="dark"] .gallery-board {
    border-color: var(--tt-line-strong);
    background: linear-gradient(180deg, var(--tt-surface), var(--tt-surface-soft));
}

html[data-theme="dark"] .gallery-card {
    border-color: var(--tt-line-strong);
    background: linear-gradient(180deg, var(--tt-surface), var(--tt-surface-soft));
}

html[data-theme="dark"] .gallery-pagination .page-btn {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
}

html[data-theme="dark"] .gallery-pagination .page-gap {
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .gallery-empty {
    border-color: rgba(96, 165, 250, .32);
    background: linear-gradient(180deg, var(--tt-surface), var(--tt-surface-soft));
}

html[data-theme="dark"] .gallery-empty h2 {
    color: var(--tt-text);
}

/* Anasayfa ek kartlar */
html[data-theme="dark"] .home-step-card {
    border-color: var(--tt-line-strong);
    background: linear-gradient(180deg, var(--tt-surface), var(--tt-surface-soft));
}

html[data-theme="dark"] .home-step-body h3 {
    color: var(--tt-text);
}

html[data-theme="dark"] .tt-feature {
    border-color: var(--tt-line-strong);
    background: linear-gradient(180deg, var(--tt-surface-soft), var(--tt-surface));
}

html[data-theme="dark"] .tt-feature-text h3 {
    color: var(--tt-text);
}

html[data-theme="dark"] .tt-slide-card {
    border-color: var(--tt-line-strong);
    background: linear-gradient(180deg, var(--tt-surface), var(--tt-surface-soft));
}

html[data-theme="dark"] .tt-slide-media {
    background: linear-gradient(180deg, var(--tt-surface-soft), var(--tt-surface));
}

html[data-theme="dark"] .tt-slide-title {
    color: var(--tt-text);
}

html[data-theme="dark"] .tt-showcase--campaign .tt-showcase-kicker {
    color: #fdba74;
}

/* Hakkında */
html[data-theme="dark"] .about-hero,
html[data-theme="dark"] .about-section,
html[data-theme="dark"] .about-cta {
    border-color: var(--tt-line-strong);
    background: linear-gradient(180deg, var(--tt-surface), var(--tt-surface-soft));
}

html[data-theme="dark"] .about-h1,
html[data-theme="dark"] .about-h2 {
    color: var(--tt-text);
}

html[data-theme="dark"] .about-muted {
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .about-badge {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
    color: var(--tt-text);
}

html[data-theme="dark"] .about-card2 {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
    box-shadow: var(--tt-shadow-soft);
}

html[data-theme="dark"] .about-card2 h3 {
    color: var(--tt-text);
}

html[data-theme="dark"] .about-stat {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
}

html[data-theme="dark"] .about-stat-text {
    color: var(--tt-text);
}

/* TürkYazılım — turk-yazilim.css sabit renkleri */
html[data-theme="dark"] .dev-hero,
html[data-theme="dark"] .dev-featured,
html[data-theme="dark"] .dev-tech,
html[data-theme="dark"] .dev-process,
html[data-theme="dark"] .dev-cta {
    border-color: rgba(96, 165, 250, .22);
    background:
        radial-gradient(560px 240px at 100% 0%, rgba(56, 189, 248, .08), transparent 72%),
        linear-gradient(160deg, var(--tt-surface) 0%, var(--tt-surface-soft) 58%, var(--tt-surface) 100%);
    box-shadow: var(--tt-shadow-soft);
}

html[data-theme="dark"] .dev-chip {
    border-color: rgba(96, 165, 250, .28);
    background: rgba(96, 165, 250, .1);
    color: var(--tt-accent);
}

html[data-theme="dark"] .dev-chip-alt {
    background: rgba(56, 189, 248, .12);
    border-color: rgba(56, 189, 248, .28);
    color: #7dd3fc;
}

html[data-theme="dark"] .dev-hero h1 {
    color: var(--tt-text);
}

html[data-theme="dark"] .dev-role {
    color: var(--tt-accent);
}

html[data-theme="dark"] .dev-lead {
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .dev-tags span {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
    color: var(--tt-text);
}

html[data-theme="dark"] .dev-btn-secondary {
    color: var(--tt-text);
    background: var(--tt-surface-soft);
    border-color: var(--tt-line-strong);
}

html[data-theme="dark"] .dev-btn-secondary:hover {
    border-color: rgba(96, 165, 250, 0.45);
    background: var(--tt-surface);
}

html[data-theme="dark"] .dev-contact-title {
    color: var(--tt-text);
}

html[data-theme="dark"] .dev-contact-intro {
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .dev-contact-link {
    background: var(--tt-surface-soft);
    border-color: rgba(96, 165, 250, 0.28);
    color: var(--tt-accent);
}

html[data-theme="dark"] .dev-contact-link i {
    background: rgba(96, 165, 250, 0.15);
    color: var(--tt-accent);
}

html[data-theme="dark"] .dev-hero-side {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
}

html[data-theme="dark"] .dev-side-name {
    color: var(--tt-text);
}

html[data-theme="dark"] .dev-side-title {
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .dev-side-contact-link {
    background: rgba(96, 165, 250, 0.12);
    border-color: rgba(96, 165, 250, 0.28);
    color: var(--tt-accent);
}

html[data-theme="dark"] .dev-mini-stat {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface);
}

html[data-theme="dark"] .dev-mini-stat strong {
    color: var(--tt-text);
}

html[data-theme="dark"] .dev-mini-stat span {
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .dev-featured-head h2,
html[data-theme="dark"] .dev-tech-head h3,
html[data-theme="dark"] .dev-process h3,
html[data-theme="dark"] .dev-cta h3 {
    color: var(--tt-text);
}

html[data-theme="dark"] .dev-featured-head p,
html[data-theme="dark"] .dev-tech-head p,
html[data-theme="dark"] .dev-cta p {
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .dev-panel,
html[data-theme="dark"] .dev-tech-card,
html[data-theme="dark"] .dev-timeline article {
    border-color: var(--tt-line-strong);
    background: rgba(24, 36, 54, 0.65);
}

html[data-theme="dark"] .dev-panel h3,
html[data-theme="dark"] .dev-tech-card h4,
html[data-theme="dark"] .dev-timeline h4 {
    color: var(--tt-text);
}

html[data-theme="dark"] .dev-panel ul,
html[data-theme="dark"] .dev-tech-card ul,
html[data-theme="dark"] .dev-tech-card li,
html[data-theme="dark"] .dev-panel li {
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .dev-stack span {
    color: var(--tt-accent);
    background: rgba(96, 165, 250, 0.1);
    border-color: rgba(96, 165, 250, 0.28);
}

html[data-theme="dark"] .dev-links a {
    color: var(--tt-text);
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--tt-line-strong);
}

html[data-theme="dark"] .dev-timeline span {
    color: var(--tt-accent);
    background: rgba(96, 165, 250, 0.12);
    border-color: rgba(96, 165, 250, 0.28);
}

html[data-theme="dark"] .dev-timeline p {
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .dev-credit {
    color: var(--tt-text-soft) !important;
}

/* Ürün detay */
html[data-theme="dark"] .pd-gallery,
html[data-theme="dark"] .pd-section,
html[data-theme="dark"] .pd-card {
    border-color: var(--tt-line-strong);
    background: linear-gradient(180deg, var(--tt-surface), var(--tt-surface-soft));
}

html[data-theme="dark"] .pd-main {
    background: linear-gradient(180deg, var(--tt-surface-soft), var(--tt-surface));
}

html[data-theme="dark"] .pd-thumb {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface-soft);
}

html[data-theme="dark"] .pd-section h3,
html[data-theme="dark"] .pd-card-head h2 {
    color: var(--tt-text);
}

html[data-theme="dark"] .pd-row {
    border-bottom-color: var(--tt-line-strong);
}

/* Admin — sabit açık renkler */
html[data-theme="dark"] .admin-flash {
    background: rgba(16, 185, 129, .14);
    color: #6ee7b7;
    border-color: rgba(52, 211, 153, .35);
}

html[data-theme="dark"] .admin-flash--error {
    background: rgba(239, 68, 68, .12);
    color: #fca5a5;
    border-color: rgba(248, 113, 113, .35);
}

html[data-theme="dark"] .admin-nav-toggle:hover {
    background: var(--tt-surface-soft);
}

html[data-theme="dark"] .admin-nav-chip:not(.is-active):not(.admin-nav-chip--ghost) {
    background: var(--tt-surface-soft);
}

html[data-theme="dark"] a.admin-nav-chip:hover:not(.is-active) {
    background: var(--tt-surface);
}

html[data-theme="dark"] .admin-nav-chip--ghost {
    background: rgba(255, 255, 255, .06);
}

html[data-theme="dark"] button.admin-nav-chip--logout:hover {
    color: #fca5a5;
    background: rgba(127, 29, 29, .35);
    border-color: rgba(239, 68, 68, .45);
}

html[data-theme="dark"] .admin-branding-preview-tile {
    background: var(--tt-surface-soft);
}

html[data-theme="dark"] .admin-branding-asset {
    background: var(--tt-surface-soft);
    border-color: var(--tt-line-strong);
}

html[data-theme="dark"] .admin-hero-slide-card {
    background: var(--tt-surface-soft);
    border-color: var(--tt-line-strong);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .admin-hero-slide-card__head {
    background: linear-gradient(180deg, var(--tt-surface), rgba(24, 36, 54, .92));
    border-bottom-color: var(--tt-line-strong);
}

html[data-theme="dark"] .admin-dash-live {
    color: #6ee7b7;
    background: rgba(16, 185, 129, .18);
    border-color: rgba(52, 211, 153, .35);
}

html[data-theme="dark"] .admin-stat-card {
    background: linear-gradient(165deg, var(--tt-surface) 0%, var(--tt-surface-soft) 100%);
}

html[data-theme="dark"] .admin-stat-foot {
    background: rgba(255, 255, 255, 0.05);
    border-top-color: var(--tt-line-strong);
    color: var(--tt-accent);
}

html[data-theme="dark"] .admin-stat-foot:hover {
    background: rgba(96, 165, 250, 0.14);
    color: #e0f2fe;
}

html[data-theme="dark"] .admin-list-count--soft {
    background: rgba(255, 255, 255, .06);
}

html[data-theme="dark"] .admin-table-wrap--premium {
    border-color: var(--tt-line-strong);
    box-shadow: 0 4px 24px rgba(0, 0, 0, .25), var(--tt-shadow-soft);
}

html[data-theme="dark"] .admin-table--products thead th {
    background: linear-gradient(180deg, var(--tt-surface-soft) 0%, var(--tt-surface) 100%);
    border-bottom-color: var(--tt-line-strong);
}

html[data-theme="dark"] .admin-table--products tbody tr:not(.admin-cat-heading-row):nth-child(even) {
    background: rgba(255, 255, 255, .03);
}

html[data-theme="dark"] .admin-thumb-frame {
    background: linear-gradient(145deg, var(--tt-surface-soft), var(--tt-surface));
}

html[data-theme="dark"] .admin-thumb-frame--empty {
    background: var(--tt-surface-soft);
}

html[data-theme="dark"] .admin-cell-id {
    background: rgba(255, 255, 255, .06);
}

html[data-theme="dark"] .admin-badge--on,
html[data-theme="dark"] .admin-status-toggle--on {
    color: #6ee7b7;
    background: rgba(16, 185, 129, .14);
    border-color: rgba(52, 211, 153, .35);
}

html[data-theme="dark"] .admin-badge--off,
html[data-theme="dark"] .admin-status-toggle--off {
    color: var(--tt-text-soft);
    background: rgba(255, 255, 255, .06);
    border-color: var(--tt-line-strong);
}

html[data-theme="dark"] .admin-action-group {
    border-color: var(--tt-line-strong);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .22);
}

/* Ürün detay — benzer ürünler / alt şerit */
html[data-theme="dark"] .pd-related-nav,
html[data-theme="dark"] .pd-strip-nav {
    border-color: rgba(96, 165, 250, .28);
    background: linear-gradient(145deg, var(--tt-surface) 0%, var(--tt-surface-soft) 100%);
    color: var(--tt-accent);
    box-shadow:
        0 10px 28px rgba(0, 0, 0, .22),
        0 4px 12px rgba(37, 99, 235, .12),
        inset 0 1px 0 rgba(255, 255, 255, .06);
}

html[data-theme="dark"] .pd-related-nav:hover:not(:disabled),
html[data-theme="dark"] .pd-strip-nav:hover:not(:disabled) {
    border-color: rgba(96, 165, 250, .45);
    box-shadow:
        0 16px 36px rgba(37, 99, 235, .18),
        inset 0 1px 0 rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .pd-related-scroll {
    border-color: var(--tt-line-strong);
    background: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(18, 26, 42, .55) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 8px 32px rgba(0, 0, 0, .18);
}

html[data-theme="dark"] .pd-related-scroll::before {
    background: linear-gradient(to right, var(--tt-surface) 0%, transparent 100%);
}

html[data-theme="dark"] .pd-related-scroll::after {
    background: linear-gradient(to left, var(--tt-surface) 0%, transparent 100%);
}

html[data-theme="dark"] .pd-related-card {
    border-color: var(--tt-line-strong);
    background: linear-gradient(180deg, var(--tt-surface), var(--tt-surface-soft));
    box-shadow: 0 4px 22px rgba(0, 0, 0, .2);
}

html[data-theme="dark"] .pd-related-media {
    background: linear-gradient(180deg, var(--tt-surface-soft), var(--tt-surface));
}

html[data-theme="dark"] .pd-related-name,
html[data-theme="dark"] .pd-related-title {
    color: var(--tt-text);
}

html[data-theme="dark"] .pd-bottom-strip-link {
    border-color: var(--tt-line-strong);
    background: var(--tt-surface);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
}

html[data-theme="dark"] .pd-bottom-strip-media {
    background: linear-gradient(180deg, var(--tt-surface-soft), var(--tt-surface));
}

html[data-theme="dark"] .pd-bottom-strip-name {
    color: var(--tt-text);
}

/* Admin — tam koyu: araç çubuğu, paneller, vitrin seçimi, galeri, marka */
html[data-theme="dark"] .admin-body .admin-products-toolbar {
    background: var(--tt-surface-soft);
    border-color: var(--tt-line-strong);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .admin-body .admin-product-filter-search,
html[data-theme="dark"] .admin-body .admin-toolbar-select {
    background: var(--tt-surface);
    border-color: var(--tt-line-strong);
    color: var(--tt-text);
}

html[data-theme="dark"] .admin-body .admin-product-filter-search::placeholder {
    color: var(--tt-text-soft);
    opacity: 1;
}

html[data-theme="dark"] .admin-body .admin-product-filter-search:focus,
html[data-theme="dark"] .admin-body .admin-toolbar-select:focus {
    border-color: rgba(96, 165, 250, 0.45);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.22);
}

html[data-theme="dark"] .admin-body .admin-toolbar-clear {
    border-color: rgba(96, 165, 250, 0.35);
    color: var(--tt-accent);
}

html[data-theme="dark"] .admin-body .admin-toolbar-clear:hover {
    background: rgba(96, 165, 250, 0.12);
    border-style: solid;
}

html[data-theme="dark"] .admin-body .admin-products-empty {
    border-color: var(--tt-line-strong);
    background: rgba(255, 255, 255, 0.04);
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .admin-body .admin-callout--warn {
    color: #fde68a;
    background: rgba(251, 191, 36, 0.12);
    border-color: rgba(251, 191, 36, 0.35);
}

html[data-theme="dark"] .admin-body .admin-callout--info {
    color: var(--tt-text);
    background: rgba(96, 165, 250, 0.08);
    border-color: rgba(96, 165, 250, 0.28);
}

html[data-theme="dark"] .admin-body .admin-homepage-vitrin-card {
    border-color: var(--tt-line-strong);
    background: linear-gradient(180deg, var(--tt-surface) 0%, var(--tt-surface-soft) 100%);
    box-shadow: var(--tt-shadow-soft);
}

html[data-theme="dark"] .admin-body .admin-homepage-vitrin-aside-intro {
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .admin-body .admin-homepage-numbers-grid {
    border-top-color: var(--tt-line-strong);
}

html[data-theme="dark"] .admin-body .admin-homepage-vitrin-chip {
    background: var(--tt-surface-soft);
    border-color: rgba(96, 165, 250, 0.28);
    color: var(--tt-accent);
}

html[data-theme="dark"] .admin-body .admin-homepage-vitrin-chip:hover {
    background: var(--tt-surface);
    border-color: rgba(96, 165, 250, 0.45);
    color: #e8eef7;
}

html[data-theme="dark"] .admin-body .admin-vitrin-check-grid {
    border-color: var(--tt-line-strong);
    background: rgba(15, 23, 42, 0.45);
}

html[data-theme="dark"] .admin-body .admin-vitrin-check {
    border-color: var(--tt-line-strong);
    background: rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .admin-body .admin-vitrin-check:hover {
    border-color: rgba(96, 165, 250, 0.35);
    background: rgba(96, 165, 250, 0.1);
}

html[data-theme="dark"] .admin-body .admin-vitrin-check:has(input:checked) {
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(37, 99, 235, 0.22);
    box-shadow: 0 1px 0 rgba(37, 99, 235, 0.15);
}

html[data-theme="dark"] .admin-body .admin-vitrin-check-text {
    color: var(--tt-text);
}

html[data-theme="dark"] .admin-body .admin-vitrin-slug {
    background: rgba(255, 255, 255, 0.08);
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .admin-body .admin-gallery-upload-card {
    border-color: var(--tt-line-strong);
    background: linear-gradient(180deg, var(--tt-surface) 0%, var(--tt-surface-soft) 100%);
}

html[data-theme="dark"] .admin-body .admin-gallery-card-title {
    color: var(--tt-text);
}

html[data-theme="dark"] .admin-body .admin-gallery-item {
    background: var(--tt-surface-soft);
    border-color: var(--tt-line-strong);
    box-shadow: var(--tt-shadow-soft);
}

html[data-theme="dark"] .admin-body .admin-gallery-file {
    color: var(--tt-text);
}

html[data-theme="dark"] .admin-body .admin-gallery-sub {
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .admin-body .admin-fieldset--panel {
    border-color: var(--tt-line-strong);
    background: linear-gradient(180deg, var(--tt-surface-soft) 0%, var(--tt-surface) 100%);
    box-shadow: var(--tt-shadow-soft);
}

html[data-theme="dark"] .admin-body .admin-legend {
    color: var(--tt-text);
    border-bottom-color: rgba(96, 165, 250, 0.22);
}

html[data-theme="dark"] .admin-body .admin-legend-ico {
    background: linear-gradient(145deg, var(--tt-surface), rgba(37, 99, 235, 0.14));
    border-color: rgba(96, 165, 250, 0.28);
    color: var(--tt-accent);
    box-shadow: none;
}

html[data-theme="dark"] .admin-body .admin-form--product-edit .admin-input,
html[data-theme="dark"] .admin-body .admin-form--product-edit .admin-textarea {
    border-color: var(--tt-line-strong);
}

html[data-theme="dark"] .admin-body .admin-form--product-edit .admin-input:hover,
html[data-theme="dark"] .admin-body .admin-form--product-edit .admin-textarea:hover {
    border-color: rgba(96, 165, 250, 0.35);
}

html[data-theme="dark"] .admin-body .admin-image-card {
    border-color: var(--tt-line-strong);
    background: rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .admin-body .admin-product-preview--card {
    border-color: var(--tt-line-strong);
    background: linear-gradient(180deg, var(--tt-surface) 0%, var(--tt-surface-soft) 100%);
}

html[data-theme="dark"] .admin-body .admin-product-dropzone {
    border-color: var(--tt-line-strong);
    background: rgba(255, 255, 255, 0.05);
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .admin-body .admin-product-dropzone p {
    color: var(--tt-text);
}

html[data-theme="dark"] .admin-body .admin-product-pick-preview-frame {
    border-color: rgba(96, 165, 250, 0.28);
    background: linear-gradient(180deg, var(--tt-surface-soft) 0%, var(--tt-surface) 100%);
}

html[data-theme="dark"] .admin-body .admin-file-btn--wide {
    background: var(--tt-surface);
    border-color: rgba(96, 165, 250, 0.35);
    color: var(--tt-text);
}

html[data-theme="dark"] .admin-body .admin-file-label--block:hover .admin-file-btn--wide,
html[data-theme="dark"] .admin-body .admin-file-label--block:focus-within .admin-file-btn--wide {
    background: rgba(96, 165, 250, 0.1);
}

html[data-theme="dark"] .admin-body .admin-details--soft {
    background: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .admin-body .admin-details-tag {
    background: rgba(255, 255, 255, 0.08);
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .admin-body .admin-toggle-row {
    border-color: var(--tt-line-strong);
    background: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .admin-body .admin-form-actions-bar {
    border-top-color: var(--tt-line-strong);
}

html[data-theme="dark"] .admin-body .admin-btn-ghost {
    background: var(--tt-surface-soft);
    border-color: var(--tt-line-strong);
    color: var(--tt-text-soft);
}

html[data-theme="dark"] .admin-body .admin-btn-ghost:hover {
    background: rgba(96, 165, 250, 0.12);
    color: var(--tt-accent);
}

html[data-theme="dark"] .admin-body .admin-branding-preview-tile {
    background: var(--tt-surface-soft);
    border-color: var(--tt-line-strong);
}

html[data-theme="dark"] .admin-body .admin-branding-asset {
    background: var(--tt-surface-soft);
    border-color: var(--tt-line-strong);
    box-shadow: none;
}

html[data-theme="dark"] .admin-body .admin-category-summary {
    border-color: rgba(96, 165, 250, 0.28);
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(56, 189, 248, 0.08));
}

html[data-theme="dark"] .admin-body .admin-category-summary-slug {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(96, 165, 250, 0.3);
    color: var(--tt-accent);
}

html[data-theme="dark"] .admin-body .admin-category-summary-edit {
    background: var(--tt-surface-soft);
    border-color: rgba(96, 165, 250, 0.35);
}

html[data-theme="dark"] .admin-body .admin-category-summary-edit:hover {
    background: var(--tt-surface);
    border-color: rgba(96, 165, 250, 0.5);
}

html[data-theme="dark"] .admin-body .admin-category-await-hint {
    background: rgba(96, 165, 250, 0.1);
    border-color: rgba(96, 165, 250, 0.22);
    color: var(--tt-text-soft);
}

/* Sabit tema düğmesi (viewport sağ alt — kaydırmada görünür kalır) */
.tt-theme-fab-host {
    position: fixed;
    right: max(16px, env(safe-area-inset-right, 0px));
    bottom: max(16px, env(safe-area-inset-bottom, 0px));
    z-index: 9990;
}

.tt-theme-fab-host--admin {
    /* Admin içerik ile çakışmayı azaltmak için biraz yukarıda hissedilir boşluk */
    bottom: max(20px, env(safe-area-inset-bottom, 0px));
}

.tt-theme-fab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 10px 16px;
    margin: 0;
    border-radius: 999px;
    border: 1px solid var(--tt-line-strong);
    background: var(--tt-surface-soft);
    color: var(--tt-text);
    font: inherit;
    font-weight: 700;
    font-size: 0.875rem;
    letter-spacing: .02em;
    cursor: pointer;
    box-shadow: var(--tt-shadow-soft);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.tt-theme-fab:hover {
    border-color: var(--tt-primary);
    box-shadow: var(--tt-shadow);
    transform: translateY(-2px);
}

.tt-theme-fab:active {
    transform: translateY(0);
}

.tt-theme-fab:focus-visible {
    outline: none;
    box-shadow:
        var(--tt-shadow-soft),
        0 0 0 3px rgba(37, 99, 235, 0.35);
}

.tt-theme-fab-label {
    white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
    .tt-theme-fab {
        transition: none;
    }

    .tt-theme-fab:hover {
        transform: none;
    }
}