/*!
 * Wuffi Pet — PUDRA TEMA (TEMIZ INSAA, MINIMAL)
 *
 * Felsefe: Koyu (purple) tema BAZ. Pudra sadece RENKLERI degistirir.
 *  - Body bg: koyudan -> acik lavanta gradient
 *  - Tum text: beyaz -> koyu mor (#1a1640)
 *  - Hicbir kart/section'a yeni background, border veya shadow EKLENMEZ.
 *  - Inline style ile gelen beyaz tonlari da koyu yapariz (okunabilirlik).
 *
 * Bu dosya disinda hicbir [data-theme="pudra"] kurali yoktur (templatelerde de).
 */

/* ───────────────────────────────────────────────
   1. BODY ARKAPLAN (sadece body)
   ─────────────────────────────────────────────── */
html[data-theme="pudra"],
html[data-theme="pudra"] body {
    background: linear-gradient(180deg, #f5eef9 0%, #e8def0 50%, #f0e6f5 100%) !important;
    color: #1a1640 !important;
}

/* ───────────────────────────────────────────────
   2. TEXT RENKLERI (her seyi koyu mor yap)
   ─────────────────────────────────────────────── */
[data-theme="pudra"] h1,
[data-theme="pudra"] h2,
[data-theme="pudra"] h3,
[data-theme="pudra"] h4,
[data-theme="pudra"] h5,
[data-theme="pudra"] h6,
[data-theme="pudra"] p,
[data-theme="pudra"] li,
[data-theme="pudra"] td,
[data-theme="pudra"] th,
[data-theme="pudra"] dt,
[data-theme="pudra"] dd,
[data-theme="pudra"] label,
[data-theme="pudra"] span,
[data-theme="pudra"] strong,
[data-theme="pudra"] em,
[data-theme="pudra"] small,
[data-theme="pudra"] blockquote,
[data-theme="pudra"] figcaption {
    color: #1a1640 !important;
}

/* Linkler — koyu mor, hover'da turuncu */
[data-theme="pudra"] a {
    color: #4e2d8f !important;
}
[data-theme="pudra"] a:hover {
    color: #ff7a00 !important;
}

/* v11.13.2 — Fotoğraf-üstü kart başlıkları light tema'da da BEYAZ kalmalı
   (üst overlay gradient'i koyu). Aksi halde sledgehammer h3 rule başlığı
   karartıyor, fotoğraf üzerinde okunamıyor. */
[data-theme="pudra"] .wfa-tc-title,
[data-theme="pudra"] .wfa-tc-desc,
[data-theme="pudra"] .wfa-tc-cat-badge,
[data-theme="pudra"] .wfa-tc-cat-badge * {
    color: #fff !important;
}

/* ───────────────────────────────────────────────
   2b. GRADIENT TEXT — Pudra'ya uygun satürasyon
   Light bg üzerinde pastel gradient'ler uçuyordu;
   bunları satüre/koyu palete çeviriyoruz.
   ─────────────────────────────────────────────── */

/* Hero ".wuffi-highlight" — "en iyisi", "en kolayı!" gibi
 * Shorthand background: kullanmamak gerek (background-clip reset olur).
 * Sadece background-image override ediyoruz. */
[data-theme="pudra"] .wuffi-highlight {
    background-image: linear-gradient(90deg, #ff6a00, #d946ef, #6c3eff, #ff6a00) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    -webkit-text-stroke: 0 !important;
    text-stroke: 0 !important;
    filter: drop-shadow(0 1px 2px rgba(255, 122, 0, 0.18)) !important;
}

/* Section başlık <span>'leri — farkı, çalışır?, tek platform, ne diyor?, sorular */
[data-theme="pudra"] .wf-section-hd h2 span,
[data-theme="pudra"] .wf-split-col-header h2 span,
[data-theme="pudra"] .wf-split-col-header h3 span {
    background: linear-gradient(90deg, #ff7a00, #6c3eff) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* Altın çizgi (wf-gold-line) */
[data-theme="pudra"] .wf-gold-line,
[data-theme="pudra"] .wf-split-divider-glow {
    background: linear-gradient(90deg, #ff9800, #6c3eff) !important;
}

/* Rating skoru (4.9 vb.) */
[data-theme="pudra"] .wf-rating-score {
    background: linear-gradient(135deg, #b8860b, #ff7a00) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Stat sayıları (496+, 9.9K+, vb.) */
[data-theme="pudra"] .wf-stat-num {
    background: linear-gradient(135deg, #ff9800, #ff5722) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Blog-single + araç başlık gradient'leri */
[data-theme="pudra"] .wfb-hero-title em,
[data-theme="pudra"] .wfa-hero-title em,
[data-theme="pudra"] .wft-hero-title em {
    background: linear-gradient(90deg, #ff7a00, #6c3eff) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* prefers-reduced-motion respect — pudra açık bg'de ColorFlow gerek yok */
@media (prefers-reduced-motion: reduce) {
    [data-theme="pudra"] .wuffi-highlight {
        animation: none !important;
        background: linear-gradient(90deg, #ff6a00, #6c3eff) !important;
    }
}

/* div'ler icindeki text de okunsun (genel default) */
[data-theme="pudra"] body,
[data-theme="pudra"] body div {
    color: #1a1640;
}

/* ───────────────────────────────────────────────
   3. INLINE BEYAZ TEXT OVERRIDE (rgba(255,255,255,X))
   Legacy template'lerde kalan inline color="rgba(255,255,255,...)" da koyu yap.
   ─────────────────────────────────────────────── */
[data-theme="pudra"] [style*="rgba(255, 255, 255"],
[data-theme="pudra"] [style*="rgba(255,255,255"],
[data-theme="pudra"] [style*="color: #fff"],
[data-theme="pudra"] [style*="color:#fff"],
[data-theme="pudra"] [style*="color: white"],
[data-theme="pudra"] [style*="color:white"],
[data-theme="pudra"] [style*="color: #f3eeff"],
[data-theme="pudra"] [style*="color:#f3eeff"] {
    color: #1a1640 !important;
}

/* Inline color: #FFB923 (altin) -> daha koyu altin */
[data-theme="pudra"] [style*="color: #FFB923"],
[data-theme="pudra"] [style*="color:#FFB923"] {
    color: #b8860b !important;
}

/* ───────────────────────────────────────────────
   4. BUTON ICI BEYAZ TEXT (gradient bg buttonlar)
   Renkli/gradient BG'li buttonlarda text BEYAZ olmali.
   ─────────────────────────────────────────────── */

/* Gradient/renkli BG'li buttonlar — text BEYAZ olmali (acik bg degil, mor/turuncu BG) */
[data-theme="pudra"] .wf-btn-primary,
[data-theme="pudra"] .wf-btn-primary *,
[data-theme="pudra"] .wf-cta-primary,
[data-theme="pudra"] .wf-cta-primary *,
[data-theme="pudra"] .wf-auth-btn,
[data-theme="pudra"] .wf-auth-btn *,
[data-theme="pudra"] .sp-btn-primary,
[data-theme="pudra"] .sp-btn-primary *,
[data-theme="pudra"] .wfa-cta,
[data-theme="pudra"] .wfa-cta *,
[data-theme="pudra"] .wft-cta,
[data-theme="pudra"] .wft-cta *,
[data-theme="pudra"] .wfb-search-btn,
[data-theme="pudra"] .wfb-search-btn *,
[data-theme="pudra"] button.is-primary,
[data-theme="pudra"] button.is-primary * {
    color: #ffffff !important;
}

/* Aktif kategori/tag pill'leri */
[data-theme="pudra"] .wfb-tag-pill.is-active,
[data-theme="pudra"] .wfb-tag-pill.is-active *,
[data-theme="pudra"] .wfb-cat-pill.is-active,
[data-theme="pudra"] .wfb-cat-pill.is-active * {
    color: #ffffff !important;
}

/* Header'daki Giris Yap butonu (outline + transparent bg, koyu text gerekli) */
[data-theme="pudra"] .wf-btn-outline,
[data-theme="pudra"] .wf-btn-outline * {
    color: #1a1640 !important;
}
[data-theme="pudra"] .wf-btn-outline {
    border-color: rgba(26,22,64,0.30) !important;
}
[data-theme="pudra"] .wf-btn-outline:hover {
    border-color: #ff7a00 !important;
    color: #ff7a00 !important;
}
[data-theme="pudra"] .wf-btn-outline:hover * {
    color: #ff7a00 !important;
}

/* Header — koyu gradient yerine acik lavanta gradient (sadece RENK degisikligi) */
[data-theme="pudra"] .wf-site-header {
    background: linear-gradient(180deg, rgba(245,238,249,0.92) 0%, rgba(232,222,240,0.7) 55%, rgba(232,222,240,0) 100%) !important;
    border-bottom: 1px solid rgba(124,92,191,0.10) !important;
    color: #1a1640 !important;
}
[data-theme="pudra"] .wf-site-header * {
    color: #1a1640;
}
[data-theme="pudra"] .wf-site-header .wf-nav a,
[data-theme="pudra"] .wf-nav a,
[data-theme="pudra"] .wf-nav a span {
    color: #1a1640 !important;
}
[data-theme="pudra"] .wf-nav a:hover,
[data-theme="pudra"] .wf-nav a:hover span {
    color: #ff7a00 !important;
}
/* Aktif sekme — daha belirgin */
[data-theme="pudra"] .wf-nav a.is-active,
[data-theme="pudra"] .wf-nav a.is-active span {
    color: #4e2d8f !important;
}

/* Dock alt menu — koyu gradient yerine acik lavanta gradient */
[data-theme="pudra"] .wf-dock-bar {
    background: linear-gradient(180deg, rgba(255,255,255,0.85), rgba(245,238,249,0.78)) !important;
    border: 1px solid rgba(124,92,191,0.15) !important;
    color: #1a1640 !important;
}
[data-theme="pudra"] .wf-dock-bar * {
    color: #1a1640 !important;
}
[data-theme="pudra"] .wf-dock-item.is-active,
[data-theme="pudra"] .wf-dock-item.is-active *,
[data-theme="pudra"] .wf-dock-item.active,
[data-theme="pudra"] .wf-dock-item.active * {
    color: #6c3eff !important;
}

/* ───────────────────────────────────────────────
   5. PLACEHOLDER (input/textarea ipucu metni)
   ─────────────────────────────────────────────── */
[data-theme="pudra"] input::placeholder,
[data-theme="pudra"] textarea::placeholder {
    color: rgba(26, 22, 64, 0.45) !important;
}

/* ───────────────────────────────────────────────
   5a. ANIMATED BACKGROUND + AUTH CARDS
   Standalone auth (sifremi-unuttum, vb) sayfalarinda koyu bg'leri acik yap
   ─────────────────────────────────────────────── */
[data-theme="pudra"] .wf-bg-anim {
    background: transparent !important;
}
[data-theme="pudra"] .wf-bg-anim::before,
[data-theme="pudra"] .wf-bg-anim::after,
[data-theme="pudra"] .wf-bg-anim > span {
    opacity: 0.28 !important;
    filter: hue-rotate(20deg) brightness(1.4) !important;
}

/* Sifremi unuttum + benzer auth kartlari (standalone) */
[data-theme="pudra"] .wf-forgot-card,
[data-theme="pudra"] .wf-auth-form-panel,
[data-theme="pudra"] .wf-auth-card {
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(124, 92, 191, 0.15) !important;
    box-shadow: 0 8px 32px rgba(124, 92, 191, 0.10) !important;
    color: #1a1640 !important;
}
[data-theme="pudra"] .wf-forgot-card *,
[data-theme="pudra"] .wf-forgot-card h1,
[data-theme="pudra"] .wf-forgot-card h2,
[data-theme="pudra"] .wf-forgot-card p,
[data-theme="pudra"] .wf-forgot-card label,
[data-theme="pudra"] .wf-forgot-card a,
[data-theme="pudra"] .wf-forgot-card span {
    color: #1a1640 !important;
}
[data-theme="pudra"] .wf-forgot-card input {
    background: #ffffff !important;
    border: 1px solid rgba(124, 92, 191, 0.20) !important;
    color: #1a1640 !important;
}
[data-theme="pudra"] .wf-forgot-card a {
    color: #4e2d8f !important;
}
[data-theme="pudra"] .wf-forgot-card a:hover {
    color: #ff7a00 !important;
}
/* Forgot card icon (lock) */
[data-theme="pudra"] .wf-forgot-icon {
    background: rgba(124, 92, 191, 0.10) !important;
    color: #4e2d8f !important;
}

/* ───────────────────────────────────────────────
   5b. FOOTER — koyu bg yerine acik lavanta (sadece RENK)
   ─────────────────────────────────────────────── */
[data-theme="pudra"] footer.wf-footer-rich,
[data-theme="pudra"] .wf-footer-rich,
[data-theme="pudra"] footer.wf-footer,
[data-theme="pudra"] .wf-footer {
    background: linear-gradient(180deg, #ede7f6 0%, #d8c9ed 100%) !important;
    border-top: 1px solid rgba(124,92,191,0.20) !important;
    color: #1a1640 !important;
}
[data-theme="pudra"] .wf-footer-rich *,
[data-theme="pudra"] .wf-footer * {
    color: #1a1640 !important;
}
/* Sutun basliklari (HIZLI ERISIM, KATEGORILER, KULLANICI, KURUMSAL) */
[data-theme="pudra"] .wf-fb-col h4,
[data-theme="pudra"] .wf-footer h4 {
    color: #1a1640 !important;
    font-weight: 800 !important;
}
/* Linkler */
[data-theme="pudra"] .wf-fb-col a,
[data-theme="pudra"] .wf-footer a:not(.wf-footer-logo-link) {
    color: #4e2d8f !important;
    opacity: 1 !important;
}
[data-theme="pudra"] .wf-fb-col a:hover {
    color: #ff7a00 !important;
}
/* Sosyal medya iconlar */
[data-theme="pudra"] .wf-fb-social a {
    background: rgba(255,255,255,0.6) !important;
    border: 1px solid rgba(124,92,191,0.25) !important;
    color: #4e2d8f !important;
}
[data-theme="pudra"] .wf-fb-social a:hover {
    background: #ff9800 !important;
    color: #fff !important;
}
/* Footer alt cizgi (legal links) */
[data-theme="pudra"] .wf-footer-bottom,
[data-theme="pudra"] .wf-fb-copy {
    color: rgba(26,22,64,0.78) !important;
}
[data-theme="pudra"] .wf-fb-legal a {
    color: #4e2d8f !important;
}
[data-theme="pudra"] .wf-fb-legal a:hover {
    color: #ff7a00 !important;
}

/* ───────────────────────────────────────────────
   6. PCAROUSEL & BENTO LARGE — gorsel uzeri text overlay
   Koyu gradient overlay -> beyaz gradient overlay (sadece RENK degisikligi)
   ─────────────────────────────────────────────── */
[data-theme="pudra"] .wf-pcard-overlay {
    background: linear-gradient(to top,
        rgba(255,255,255,0.96) 0%,
        rgba(255,255,255,0.65) 30%,
        rgba(255,255,255,0.20) 65%,
        rgba(255,255,255,0) 100%) !important;
}
[data-theme="pudra"] .wf-bento-lg .wf-bento-content,
[data-theme="pudra"] .wf-bento-card .wf-bento-content {
    background: linear-gradient(to top,
        rgba(255,255,255,0.96) 0%,
        rgba(255,255,255,0.65) 30%,
        rgba(255,255,255,0.20) 65%,
        rgba(255,255,255,0) 100%) !important;
}

/* ───────────────────────────────────────────────
   7. SCROLLBAR (sadece renk, dark theme yapisini koru)
   ─────────────────────────────────────────────── */
[data-theme="pudra"] ::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #b39ddb, #7c5cbf) !important;
}
[data-theme="pudra"] ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #9575cd, #6c3eff) !important;
}
[data-theme="pudra"] {
    scrollbar-color: #7c5cbf transparent !important;
}

/* ───────────────────────────────────────────────
   8. v45 deep-audit — yeni sekme rayları + Pati Arkadaşı + Analytics
   ─────────────────────────────────────────────── */
[data-theme="pudra"] .wf-act-tabs,
[data-theme="pudra"] .wf-col-tabs,
[data-theme="pudra"] .wf-kes-tabs {
    background: rgba(124,92,191,0.06) !important;
    border-color: rgba(124,92,191,0.18) !important;
}
[data-theme="pudra"] .wf-act-tab,
[data-theme="pudra"] .wf-col-tab,
[data-theme="pudra"] .wf-kes-tab {
    color: #1a1640 !important;
}
[data-theme="pudra"] .wf-act-tab:hover,
[data-theme="pudra"] .wf-col-tab:hover,
[data-theme="pudra"] .wf-kes-tab:hover {
    background: rgba(124,92,191,0.08) !important;
}
[data-theme="pudra"] .wf-act-tab.on,
[data-theme="pudra"] .wf-col-tab.on,
[data-theme="pudra"] .wf-kes-tab.on {
    background: linear-gradient(135deg, #b39ddb, #FFD78A) !important;
    color: #13102b !important;
}

/* Pati Arkadaşı kartlar */
[data-theme="pudra"] .wfp-swcard {
    background: rgba(255,255,255,0.92) !important;
    border-color: rgba(124,92,191,0.18) !important;
    box-shadow: 0 18px 50px rgba(124,92,191,0.18) !important;
}
[data-theme="pudra"] .wfp-swinfo {
    background: linear-gradient(0deg, rgba(255,255,255,0.97), rgba(255,255,255,0.45) 58%, transparent) !important;
}
[data-theme="pudra"] .wfp-swinfo h2,
[data-theme="pudra"] .wfp-swinfo .meta,
[data-theme="pudra"] .wfp-swinfo .owner {
    color: #1a1640 !important;
}
[data-theme="pudra"] .wfp-petchip {
    background: rgba(255,255,255,0.72) !important;
    border-color: rgba(124,92,191,0.2) !important;
    color: #1a1640 !important;
}

/* Admin Analytics dashboard kartları */
[data-theme="pudra"] .wfa-card,
[data-theme="pudra"] .wfa-stat {
    background: rgba(255,255,255,0.86) !important;
    border-color: rgba(124,92,191,0.16) !important;
}
[data-theme="pudra"] .wfa-sub,
[data-theme="pudra"] .wfa-stat-l,
[data-theme="pudra"] .wfa-row .k {
    color: #4a3a78 !important;
}
[data-theme="pudra"] .wfa-stat b,
[data-theme="pudra"] .wfa-row .c {
    color: #6c3eff !important;
}