/* TOKU V3 — Uygulama sayfalari (app-pages.css) icin karanlik tema katmani.
   app-pages.css'ten SONRA yuklenir; orijinal dosyaya dokunulmaz.
   Icerik HTML'i degismez; yalnizca palet V3 token'larina cekilir. */

body.toku-v3-subpage .app-page-wrapper {
    /* mod-* degisken paletini V3'e cek */
    --mod-primary: var(--blue);
    --mod-secondary: var(--deep);
    --mod-dark: var(--void);
    --mod-gradient: linear-gradient(135deg, var(--deep) 0%, var(--graphite) 100%);
    --mod-light-from: var(--graphite);
    --mod-light-to: var(--deep);
    --mod-icon-from: var(--deep);
    --mod-icon-to: var(--graphite);
    --mod-challenge-bg-from: rgba(154, 72, 72, 0.16);
    --mod-challenge-bg-to: rgba(154, 72, 72, 0.08);
    --mod-solution-bg-from: rgba(80, 122, 98, 0.18);
    --mod-solution-bg-to: rgba(80, 122, 98, 0.08);
    --mod-solution-text: #a8d5bc;
    --mod-outputs-bg: linear-gradient(135deg, var(--void) 0%, var(--deep) 100%);
    --mod-value-bg: linear-gradient(180deg, var(--deep) 0%, var(--void) 100%);

    background: var(--void);
    color: var(--chrome);
}

/* Acik zeminli bolum ve kartlari karanlik temaya cek */
body.toku-v3-subpage .app-page-wrapper section,
body.toku-v3-subpage .app-page-wrapper .bg-white,
body.toku-v3-subpage .app-page-wrapper .bg-light {
    background-color: transparent;
}

body.toku-v3-subpage .app-page-wrapper .stat-card,
body.toku-v3-subpage .app-page-wrapper .module-card,
body.toku-v3-subpage .app-page-wrapper .feature-card,
body.toku-v3-subpage .app-page-wrapper .value-card,
body.toku-v3-subpage .app-page-wrapper .standard-card,
body.toku-v3-subpage .app-page-wrapper .scope-card,
body.toku-v3-subpage .app-page-wrapper .benefit-card,
body.toku-v3-subpage .app-page-wrapper .enpi-card,
body.toku-v3-subpage .app-page-wrapper .output-card,
body.toku-v3-subpage .app-page-wrapper .trust-item,
body.toku-v3-subpage .app-page-wrapper .process-step,
body.toku-v3-subpage .app-page-wrapper .gallery-item,
body.toku-v3-subpage .app-page-wrapper .faq-item,
body.toku-v3-subpage .app-page-wrapper .challenge-box,
body.toku-v3-subpage .app-page-wrapper .solution-box {
    background: var(--graphite) !important;
    border: 1px solid var(--line-soft) !important;
    color: var(--chrome) !important;
    box-shadow: none !important;
}

body.toku-v3-subpage .app-page-wrapper .challenge-box {
    background: linear-gradient(135deg, var(--mod-challenge-bg-from), var(--mod-challenge-bg-to)) !important;
}

body.toku-v3-subpage .app-page-wrapper .solution-box {
    background: linear-gradient(135deg, var(--mod-solution-bg-from), var(--mod-solution-bg-to)) !important;
}

/* Tipografi */
body.toku-v3-subpage .app-page-wrapper h1,
body.toku-v3-subpage .app-page-wrapper h2,
body.toku-v3-subpage .app-page-wrapper h3,
body.toku-v3-subpage .app-page-wrapper h4,
body.toku-v3-subpage .app-page-wrapper h5,
body.toku-v3-subpage .app-page-wrapper .section-title,
body.toku-v3-subpage .app-page-wrapper .stat-number {
    color: var(--white) !important;
}

body.toku-v3-subpage .app-page-wrapper p,
body.toku-v3-subpage .app-page-wrapper li,
body.toku-v3-subpage .app-page-wrapper .text-muted,
body.toku-v3-subpage .app-page-wrapper .section-subtitle,
body.toku-v3-subpage .app-page-wrapper .stat-label {
    color: var(--chrome) !important;
}

body.toku-v3-subpage .app-page-wrapper a:not(.btn):not(.toku-v3-button) {
    color: var(--ice);
}

/* Ikon kutulari */
body.toku-v3-subpage .app-page-wrapper .module-icon,
body.toku-v3-subpage .app-page-wrapper .feature-icon,
body.toku-v3-subpage .app-page-wrapper .value-icon {
    background: var(--deep) !important;
    color: var(--ice) !important;
}

/* Butonlar */
body.toku-v3-subpage .app-page-wrapper .btn-primary,
body.toku-v3-subpage .app-page-wrapper .btn-light,
body.toku-v3-subpage .app-page-wrapper .btn-white {
    background: var(--blue) !important;
    border-color: var(--blue) !important;
    color: var(--white) !important;
}

body.toku-v3-subpage .app-page-wrapper .btn-outline-primary,
body.toku-v3-subpage .app-page-wrapper .btn-outline-light {
    background: transparent !important;
    border-color: var(--line) !important;
    color: var(--ice) !important;
}

/* Hero bolumu: V3 header fixed oldugu icin ustten nefes payi */
body.toku-v3-subpage .app-page-wrapper .mod-hero {
    padding-top: calc(var(--header) + 40px);
    background: linear-gradient(180deg, var(--deep) 0%, var(--void) 100%) !important;
}

/* FAQ */
body.toku-v3-subpage .app-page-wrapper .faq-question {
    color: var(--white) !important;
    background: transparent !important;
}

body.toku-v3-subpage .app-page-wrapper .faq-answer {
    color: var(--chrome) !important;
    background: transparent !important;
}

/* Tablolar */
body.toku-v3-subpage .app-page-wrapper table,
body.toku-v3-subpage .app-page-wrapper th,
body.toku-v3-subpage .app-page-wrapper td {
    border-color: var(--line-soft) !important;
    color: var(--chrome) !important;
    background: transparent !important;
}

body.toku-v3-subpage .app-page-wrapper th {
    color: var(--white) !important;
    background: var(--graphite) !important;
}

/* ============================================================
   TOKU UI v1 bileşen kiti (.toku-app / toku-card / toku-section...)
   V3 karanlık temaya çekilir. toku-ui-v1.css'ten SONRA yüklenir.
   Kapsayıcı .toku-app olduğu icin .app-page-wrapper'a bagli degil.
   ============================================================ */
body.toku-v3-subpage .toku-app {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 0 72px;
    color: var(--chrome);
    background: transparent !important;
    min-height: 0 !important;
}

/* Section ritmi: ana sayfa sahne dili */
body.toku-v3-subpage .toku-app .toku-section {
    padding: 72px 0;
    border-top: 1px solid var(--line-soft);
    background: transparent !important;
}
body.toku-v3-subpage .toku-app > .toku-section:first-of-type { border-top: 0; }
body.toku-v3-subpage .toku-app .toku-section:nth-of-type(even) {
    background: radial-gradient(circle at 76% 30%, rgba(52, 120, 246, .06), transparent 42%), var(--deep) !important;
    margin-inline: calc(50% - 50vw);
    padding-inline: calc(50vw - 50%);
}

/* Başlıklar */
body.toku-v3-subpage .toku-app h1,
body.toku-v3-subpage .toku-app h2,
body.toku-v3-subpage .toku-app h3,
body.toku-v3-subpage .toku-app h4,
body.toku-v3-subpage .toku-app .toku-h2,
body.toku-v3-subpage .toku-app .toku-card__title,
body.toku-v3-subpage .toku-app .toku-feature__title,
body.toku-v3-subpage .toku-app .toku-section__header {
    color: var(--white) !important;
}
body.toku-v3-subpage .toku-app .toku-h2 {
    font-size: clamp(30px, 3vw, 48px);
    font-weight: 300;
    letter-spacing: -.02em;
}
body.toku-v3-subpage .toku-app p,
body.toku-v3-subpage .toku-app li,
body.toku-v3-subpage .toku-app .toku-muted,
body.toku-v3-subpage .toku-app .toku-list {
    color: var(--chrome) !important;
}
body.toku-v3-subpage .toku-app .toku-muted { color: var(--muted) !important; }
body.toku-v3-subpage .toku-app a { color: var(--ice); }
body.toku-v3-subpage .toku-app li::marker { color: var(--ice); }

/* Kartlar / kutular — cam zemin + ince çizgi */
body.toku-v3-subpage .toku-app .toku-card,
body.toku-v3-subpage .toku-app .tokucard-ghost,
body.toku-v3-subpage .toku-app .toku-feature,
body.toku-v3-subpage .toku-app .toku-kpi__item,
body.toku-v3-subpage .toku-app .toku-acc__item,
body.toku-v3-subpage .toku-app .toku-faq__item,
body.toku-v3-subpage .toku-app .toku-stepper__item,
body.toku-v3-subpage .toku-app .toku-thumb {
    background: rgba(255, 255, 255, .015) !important;
    border: 1px solid var(--line) !important;
    box-shadow: none !important;
    color: var(--chrome) !important;
}
body.toku-v3-subpage .toku-app .toku-card:hover,
body.toku-v3-subpage .toku-app .toku-feature:hover {
    border-color: rgba(124, 203, 255, .55) !important;
    background: rgba(52, 120, 246, .06) !important;
}

/* Görsel placeholder alanı */
body.toku-v3-subpage .toku-app .toku-thumb {
    background: radial-gradient(circle at 50% 45%, rgba(52, 120, 246, .14), transparent 55%), var(--deep) !important;
}

/* KPI vurgu değerleri */
body.toku-v3-subpage .toku-app .toku-kpi__value { color: var(--white) !important; }
body.toku-v3-subpage .toku-app .toku-kpi__label { color: var(--muted) !important; }

/* Yapışkan alt navigasyon */
body.toku-v3-subpage .toku-app .toku-subnav {
    background: rgba(2, 3, 6, .78) !important;
    backdrop-filter: blur(18px);
    border: 1px solid var(--line-soft) !important;
    border-radius: 10px;
}
body.toku-v3-subpage .toku-app .toku-subnav__link {
    color: var(--muted) !important;
    background: transparent !important;
}
body.toku-v3-subpage .toku-app .toku-subnav__link.is-active,
body.toku-v3-subpage .toku-app .toku-subnav__link:hover {
    color: var(--white) !important;
    background: linear-gradient(90deg, rgba(52, 120, 246, .24), rgba(52, 120, 246, .08)) !important;
}

/* Akordiyon açılış */
body.toku-v3-subpage .toku-app .toku-acc__q,
body.toku-v3-subpage .toku-app .toku-faq__q { color: var(--white) !important; }
body.toku-v3-subpage .toku-app .toku-acc__a,
body.toku-v3-subpage .toku-app .toku-faq__a { color: var(--chrome) !important; }
body.toku-v3-subpage .toku-app .toku-acc__item:not(.is-open) .toku-acc__a,
body.toku-v3-subpage .toku-app .toku-faq__item:not(.is-open) .toku-faq__a { display: none; }

/* Genel açık-zemin kalıntılarını nötrle */
body.toku-v3-subpage .toku-app [class*="hero"],
body.toku-v3-subpage .toku-app .toku-page-header {
    background: radial-gradient(circle at 24% 30%, rgba(52, 120, 246, .10), transparent 42%), var(--void) !important;
    border-bottom: 1px solid var(--line-soft) !important;
    color: var(--white) !important;
}

/* Kaydırma-görünür animasyonu (JS is-revealed ekler) */
body.toku-v3-subpage .toku-app .toku-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s var(--ease), transform .6s var(--ease);
}
body.toku-v3-subpage .toku-app .toku-reveal.is-revealed {
    opacity: 1;
    transform: none;
}