/*
 * CBA Theme — işlevsel yüzeylerin (huni, auth, client area, içerik) görünüm katmanı
 *
 * Kural: bu dosya YALNIZCA görünümü değiştirir. Hiçbir data-* sözleşmesine, form alanına,
 * JS kancasına ya da görünürlük durumuna (d-none, wui-collapse, hidden) dokunmaz.
 * Renkler tokens.css'teki --cba-* / --wstyle-* köprüsünden gelir; açık tema varsayılan.
 */

/* ── Tipografi ritmi ─────────────────────────────────────────────────── */
.page-hero-title, .section-head h2, .card-title, .modal-title, .checkout-title, .auth-form h1, .auth-form .h3 {
    font-family: var(--cba-font-display);
    letter-spacing: -.025em;
}
.eyebrow, .section-eyebrow {
    font-family: var(--cba-font-display);
    letter-spacing: .14em;
    color: var(--wstyle-primary-text);
}

/* ── Düğmeler ────────────────────────────────────────────────────────── */
.btn { font-family: var(--cba-font-display); font-weight: 600; letter-spacing: -.005em; }
.btn:not(.btn-sm):not(.btn-link):not(.btn-close) { min-block-size: 2.75rem; }
.btn-primary:focus-visible, .btn-secondary:focus-visible { box-shadow: 0 0 0 .2rem rgba(var(--cba-brand-rgb), .4); }

/* ── Form kontrolleri: 44px dokunma hedefi, net odak ─────────────────── */
.form-control:not(.form-control-sm):not(textarea), .form-select:not(.form-select-sm) { min-block-size: 2.75rem; }
.form-control, .form-select {
    border-color: var(--wstyle-border-color);
    transition: border-color var(--cba-dur-1) ease, box-shadow var(--cba-dur-1) ease;
}
.form-control:focus, .form-select:focus {
    border-color: var(--cba-brand);
    box-shadow: 0 0 0 .2rem rgba(var(--cba-brand-rgb), .2);
}
.form-check-input:checked { background-color: var(--cba-brand); border-color: var(--cba-brand); }
.form-check-input:focus { box-shadow: 0 0 0 .2rem rgba(var(--cba-brand-rgb), .25); border-color: var(--cba-brand); }
.form-switch .form-check-input:checked { background-color: var(--cba-brand); }

/* ── Kartlar ─────────────────────────────────────────────────────────── */
.card { --bs-card-border-color: var(--wstyle-border-color); --bs-card-border-radius: var(--cba-radius-lg); --bs-card-inner-border-radius: calc(var(--cba-radius-lg) - 1px); }

/* ── Sayfa başlık bandı (katalog, içerik) ────────────────────────────── */
.page-hero.chrome-dark, .page-hero {
    background-color: var(--cba-night);
}
.page-hero-title { font-weight: 600; }

/* ── Fiyat kartları: işlev aynı, vurgu marka ─────────────────────────── */
.plan-card { border-radius: var(--cba-radius-lg); }
.plan-card.plan-popular, .plan-popular .plan-card { border-color: var(--cba-brand); box-shadow: 0 0 0 1px var(--cba-brand); }
.billing-toggle .billing-option.active, .billing-option.active, .billing-toggle .active { background-color: var(--cba-brand); color: var(--cba-on-brand); }
.price-now { font-family: var(--cba-font-display); letter-spacing: -.02em; }

/* ── Checkout: sipariş özeti rayı koyu zemin + turuncu vurgu ─────────── */
.checkout-split-aside {
    --rail-fg: var(--cba-paper);
    --rail-fg-muted: color-mix(in srgb, var(--cba-paper) 74%, transparent);
    --rail-fg-faint: color-mix(in srgb, var(--cba-paper) 56%, transparent);
    --rail-line: var(--cba-line);
    --rail-line-strong: color-mix(in srgb, var(--cba-paper) 24%, transparent);
    --rail-fill: color-mix(in srgb, var(--cba-paper) 6%, transparent);
    --rail-fill-strong: color-mix(in srgb, var(--cba-paper) 12%, transparent);
    --rail-discount: var(--cba-brand);
    background-color: var(--cba-night);
    background-image:
        radial-gradient(110% 80% at 100% 0%, rgba(var(--cba-brand-rgb), .28) 0%, transparent 55%),
        radial-gradient(90% 70% at 0% 100%, rgba(var(--cba-brand-rgb), .12) 0%, transparent 60%);
}
[dir=rtl] .checkout-split-aside {
    background-image:
        radial-gradient(110% 80% at 0% 0%, rgba(var(--cba-brand-rgb), .28) 0%, transparent 55%),
        radial-gradient(90% 70% at 100% 100%, rgba(var(--cba-brand-rgb), .12) 0%, transparent 60%);
}
.checkout-split-aside .btn-primary {
    --bs-btn-bg: var(--cba-brand); --bs-btn-border-color: var(--cba-brand); --bs-btn-color: var(--cba-on-brand);
    --bs-btn-hover-bg: color-mix(in srgb, var(--cba-brand) 88%, #fff); --bs-btn-hover-border-color: color-mix(in srgb, var(--cba-brand) 88%, #fff); --bs-btn-hover-color: var(--cba-on-brand);
    --bs-btn-active-bg: var(--cba-brand-strong); --bs-btn-active-border-color: var(--cba-brand-strong); --bs-btn-active-color: #fff;
    --bs-btn-disabled-bg: color-mix(in srgb, var(--cba-brand) 40%, var(--cba-night)); --bs-btn-disabled-border-color: transparent; --bs-btn-disabled-color: var(--cba-paper);
}
.checkout-step.is-active .checkout-step-num, .checkout-step.is-current .checkout-step-num { background-color: var(--cba-brand); color: var(--cba-on-brand); }

/* ── Auth: sahne marka renklerinden çizilir (stok video yok) ─────────── */
.auth-stage { background-color: var(--cba-night); overflow: hidden; }
.auth-stage-scrim { background: linear-gradient(180deg, rgba(0, 0, 0, .15), transparent 35%, rgba(0, 0, 0, .55)); }
.cba-auth-art { position: absolute; inset: 0; pointer-events: none; }
.cba-auth-art i { position: absolute; border-radius: 50%; }
.cba-auth-art i:nth-child(1) { inline-size: 80%; aspect-ratio: 1; inset-inline-end: -20%; inset-block-start: -15%; background: radial-gradient(circle, rgba(var(--cba-brand-rgb), .55), transparent 62%); filter: blur(30px); }
.cba-auth-art i:nth-child(2) { inline-size: 62%; aspect-ratio: 1; inset-inline-start: 12%; inset-block-start: 22%; border: 1px solid rgba(var(--cba-brand-rgb), .55); }
.cba-auth-art i:nth-child(3) { inline-size: 38%; aspect-ratio: 1; inset-inline-start: 24%; inset-block-start: 34%; border: 1px solid color-mix(in srgb, var(--cba-paper) 18%, transparent); }
.auth-stage-video[src] ~ .cba-auth-art { display: none; }
.auth-stage-title { font-family: var(--cba-font-display); font-weight: 600; font-size: clamp(2rem, 1.2rem + 2.6vw, 3.4rem); letter-spacing: -.035em; }
.auth-stage-foot a { color: var(--cba-brand); }

/* ── Alan adı arama ──────────────────────────────────────────────────── */
.domain-search { border-radius: var(--cba-radius-pill); }

/* ── Metin içi bağlantılar: açık zeminde koyu turuncu (4.5:1 üstü), koyu bantta açık turuncu ── */
main :is(p, li, td, dd, label, .form-text, .alert) > a:not(.btn):not([class*="cba-"]) { color: var(--wstyle-primary-text); }
main .chrome-dark :is(p, li, td, dd, label, .form-text) > a:not(.btn):not([class*="cba-"]) { color: var(--cba-brand); }

/* ── Turuncu zemin + beyaz metin kullanan WStyle yüzeyleri → koyu zemin + marka ışıması ──
   (turuncu üzerinde beyaz metin 4.5:1'i geçmez). Yön/tema varyantlarını tek kuralda ezmek için !important. */
.cta-band {
    background: radial-gradient(90% 120% at 100% 0%, rgba(var(--cba-brand-rgb), .38), transparent 60%),
                radial-gradient(70% 90% at 0% 100%, rgba(var(--cba-brand-rgb), .14), transparent 60%),
                var(--cba-night) !important;
    color: var(--cba-paper);
}
.cta-band .cta-title { color: var(--cba-paper); font-family: var(--cba-font-display); letter-spacing: -.03em; }
.cta-band .btn-light { --bs-btn-bg: var(--cba-brand); --bs-btn-border-color: var(--cba-brand); --bs-btn-color: var(--cba-on-brand); --bs-btn-hover-bg: var(--cba-paper); --bs-btn-hover-border-color: var(--cba-paper); --bs-btn-hover-color: var(--cba-ink); }
.dash-hero {
    background: radial-gradient(120% 140% at 100% 0%, rgba(var(--cba-brand-rgb), .35), transparent 60%),
                linear-gradient(135deg, var(--cba-night), var(--cba-night-2)) !important;
    color: var(--cba-paper);
}
[dir=rtl] .dash-hero {
    background: radial-gradient(120% 140% at 0% 0%, rgba(var(--cba-brand-rgb), .35), transparent 60%),
                linear-gradient(225deg, var(--cba-night), var(--cba-night-2)) !important;
}
/* Bu iki yüzey metin rengini --wstyle-on-primary'den alır; koyu zeminde açık renk olmalı. */
.cta-band, .dash-hero { --wstyle-on-primary: var(--cba-paper); }
.dash-hero .dash-btn-light { color: var(--cba-on-brand); background: var(--cba-brand); }
.dash-hero .dash-btn-light:hover { color: var(--cba-ink); background: var(--cba-paper); }

/* ── Sepete süzülme efekti (assets/js/cba-cart-fx.js) ──────────────────── */
.cba-fly-ghost { box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .55), 0 0 0 2px var(--cba-brand); border-radius: var(--cba-radius-lg); background: var(--wstyle-surface-bg); overflow: hidden; }
.cba-fly-source { opacity: .35; transition: opacity var(--cba-dur-2) ease; }
.cba-line-arrive { box-shadow: 0 0 0 2px var(--cba-brand), 0 18px 40px -18px rgba(var(--cba-brand-rgb), .55); transition: box-shadow 900ms ease; }

/* Aktif sekme hapı: turuncu zeminde koyu metin (beyaz 4.5:1'i geçmez). */
.nav-pills { --bs-nav-pills-link-active-color: var(--cba-on-brand); --bs-nav-pills-link-active-bg: var(--cba-brand); }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--cba-on-brand); }