/* =========================================================
   BASİT KATMAN — süsleri kaldırır, düz ve sakin bir görünüm
   Yerleşim / içerik / işlev değişmez. En son yüklenir.
   Geri almak için includes/header.php içindeki basit.css
   satırını silmek yeterli.
   ========================================================= */

/* 1. Zemin: ışık efekti yok, düz renk */
html[data-theme] body {
    background-image: none !important;
}

/* 2. Butonlar: gradyan, parlama ve gölge yok — düz dolgu */
html[data-theme] body .btn-register-desktop,
html[data-theme] body .mobile-action-btn.btn-register,
html[data-theme] body .mobile-action-btn.btn-balance,
html[data-theme] body .action-buy-btn,
html[data-theme] body .kb-search .search-btn,
html[data-theme] body .auth-modal-submit,
html[data-theme] body .modern-checkout-btn {
    background: var(--primary-blue) !important;
    box-shadow: none !important;
    filter: none !important;
}
html[data-theme] body .btn-register-desktop:hover,
html[data-theme] body .action-buy-btn:hover,
html[data-theme] body .kb-search .search-btn:hover {
    background: color-mix(in srgb, var(--primary-blue) 88%, #000) !important;
}

/* 3. Duyuru şeridi: nötr, sade */
html[data-theme] body .top-announcement {
    background: var(--yt-surface) !important;
    color: var(--yt-soft) !important;
    border-bottom: 1px solid var(--yt-line) !important;
    font-weight: 500 !important;
}

/* 4. Menü: Tüm Kategoriler daha sakin */
@media (min-width: 992px) {
    html body .main-header .header-nav .btn-categories {
        background: var(--yt-ghost) !important;
        border: 1px solid var(--yt-line) !important;
    }
    html body .main-header .header-nav .nav-item-wrap.is-open > .nav-item-modern {
        background: var(--yt-ghost) !important;
    }
    html body .main-header .header-nav .nav-icon-modern { background: transparent !important; }
}

/* 5. Bölüm başlıkları: üst etiket düz metin */
html[data-theme] body .sc2-ust {
    background: none !important; padding: 0 !important;
    color: var(--yt-muted) !important;
}

/* 6. Ürün kartları: zıplama yok, sakin üzerine gelme */
html[data-theme] body .product-card-modern:hover,
html[data-theme] body .listing-product-card:hover {
    transform: none !important;
    border-color: var(--yt-line-2) !important;
}
html[data-theme] body .product-card-modern .product-badge:has(.badge-sade),
html[data-theme] body .listing-product-card .product-badge:has(.badge-sade) {
    background: rgba(0, 0, 0, .55) !important;
    backdrop-filter: none !important;
}
html[data-theme] body .discount-badge-v2 {
    background: transparent !important;
    color: #34d399 !important;
    padding: 0 !important;
}
html[data-theme] body .btn-buy-modern:hover,
html[data-theme] body .listing-buy-btn:hover {
    background: var(--yt-ghost-h) !important;
    color: var(--text-color) !important;
    border-color: var(--yt-line-2) !important;
}

/* 7. Destek butonu ve modallar: gölgeler hafif */
html[data-theme] body .support-fab { box-shadow: none !important; }
html[data-theme] body .nav-dd-panel.kb-dd,
html[data-theme] body .auth-modal-container,
html[data-theme] body .p-modal-content,
html[data-theme] body .cart-drawer { box-shadow: 0 12px 32px rgba(0,0,0,.25) !important; }

/* 8. Slider ve ana kutular: tek tip köşe */
html[data-theme] body .hero-card,
html[data-theme] body .side-banner-wrap,
html[data-theme] body .product-main-view,
html[data-theme] body .product-detail-tabs,
html[data-theme] body .product-sidebar .sidebar-box { border-radius: 16px !important; }

/* =========================================================
   ALT BOLUMLER - SEO karti, SSS, Blog, Footer (sade)
   Yalnizca yuzey/tipografi; metin akisi ve satir sonlari aynen kalir.
   ========================================================= */

/* --- SEO aciklama karti --- */
html[data-theme] body .seo-minimal-card {
    background: var(--yt-surface) !important; background-image: none !important;
    border: 1px solid var(--yt-line) !important;
    border-radius: 16px !important; box-shadow: none !important;
    padding: 28px 32px !important;
}
html[data-theme] body .seo-minimal-card h1,
html[data-theme] body .seo-minimal-card h2,
html[data-theme] body .seo-minimal-card h3,
html[data-theme] body .seo-minimal-card h4 {
    color: var(--text-color) !important;
    font-weight: 700 !important; letter-spacing: -0.01em !important;
}
html[data-theme] body .seo-minimal-card p,
html[data-theme] body .seo-minimal-card li {
    color: var(--yt-muted) !important;
    text-align: left !important;
    line-height: 1.75 !important;
}
html[data-theme] body .seo-minimal-card a { color: var(--primary-blue) !important; text-decoration: none !important; }
html[data-theme] body .seo-minimal-card a:hover { text-decoration: underline !important; text-underline-offset: 3px; }

/* --- SSS --- */
html[data-theme] body .faq-title {
    font-size: 23px !important; font-weight: 800 !important; letter-spacing: -0.02em !important;
    color: var(--text-color) !important;
    padding-bottom: 16px !important; margin-bottom: 20px !important;
    border-bottom: 1px solid var(--yt-line) !important;
}
html[data-theme] body .faq-title i { color: var(--yt-muted) !important; font-size: 18px !important; }
html[data-theme] body .faq-list { gap: 8px !important; }
html[data-theme] body .faq-item {
    background: var(--yt-surface) !important; background-image: none !important;
    border: 1px solid var(--yt-line) !important;
    border-radius: 12px !important; box-shadow: none !important;
    transition: border-color .15s ease !important;
}
html[data-theme] body .faq-item:hover,
html[data-theme] body .faq-item.open { border-color: var(--yt-line-2) !important; }
html[data-theme] body .faq-q {
    font-weight: 600 !important; font-size: 14.5px !important;
    color: var(--text-color) !important;
}
html[data-theme] body .faq-q i { color: var(--yt-muted) !important; }
html[data-theme] body .faq-a { color: var(--yt-muted) !important; line-height: 1.7 !important; }

/* --- Blog --- */
html[data-theme] body .blog-section .section-header {
    padding-bottom: 16px !important; margin-bottom: 20px !important;
    border-bottom: 1px solid var(--yt-line) !important;
}
html[data-theme] body .blog-section .section-title {
    font-size: 23px !important; font-weight: 800 !important; letter-spacing: -0.02em !important;
    padding-left: 0 !important; border-left: 0 !important;
}
html[data-theme] body .blog-section .section-title::before,
html[data-theme] body .blog-section .section-title::after { display: none !important; }
html[data-theme] body .blog-section .btn-text {
    height: 38px !important; padding: 0 14px !important;
    display: inline-flex !important; align-items: center; gap: 8px;
    background: var(--yt-ghost) !important; border: 1px solid var(--yt-line) !important;
    border-radius: 12px !important; color: var(--text-color) !important;
    font-size: 13px !important; font-weight: 600 !important; box-shadow: none !important;
}
html[data-theme] body .blog-section .btn-text i { color: var(--primary-blue) !important; }
html[data-theme] body .blog-card {
    border: 1px solid var(--yt-line) !important;
    border-radius: 16px !important; box-shadow: none !important;
    transform: none !important;
}
html[data-theme] body .blog-card:hover { border-color: var(--yt-line-2) !important; transform: none !important; }
html[data-theme] body .blog-card::before,
html[data-theme] body .blog-card::after { box-shadow: none !important; }
html[data-theme] body .blog-date {
    top: 12px !important; left: 12px !important; right: auto !important; transform: none !important;
    padding: 4px 9px !important; gap: 4px !important;
    background: rgba(0, 0, 0, .6) !important; backdrop-filter: none !important;
    border: 0 !important; border-radius: 8px !important; box-shadow: none !important;
}
html[data-theme] body .blog-date span { color: #fff !important; font-size: 11px !important; font-weight: 700 !important; }
html[data-theme] body .blog-overlay {
    background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, .82) 100%) !important;
    text-align: left !important; align-items: flex-start !important; justify-content: flex-end !important;
    padding: 18px !important;
}
html[data-theme] body .blog-title {
    text-align: left !important; font-size: 15px !important; font-weight: 700 !important;
    line-height: 1.35 !important; color: #fff !important; text-shadow: none !important;
}
html[data-theme] body .blog-card .read-more { color: rgba(255, 255, 255, .75) !important; font-size: 12px !important; }

/* --- Footer --- */
html[data-theme] body .main-footer {
    background: var(--bg-color) !important;
    border-top: 1px solid var(--yt-line) !important;
}
html[data-theme] body .main-footer .footer-title {
    font-size: 14px !important; font-weight: 700 !important;
    color: var(--text-color) !important; margin-bottom: 18px !important;
}
html[data-theme] body .main-footer .footer-tagline,
html[data-theme] body .main-footer .footer-links-list a,
html[data-theme] body .main-footer .contact-item-min {
    color: var(--yt-muted) !important; font-size: 13.5px !important;
}
html[data-theme] body .main-footer .footer-links-list li { margin-bottom: 12px !important; }
html[data-theme] body .main-footer .footer-links-list a:hover,
html[data-theme] body .main-footer a.contact-item-min:hover { color: var(--text-color) !important; }
html[data-theme] body .main-footer .contact-icon-min i { color: var(--yt-muted) !important; }
html[data-theme] body .main-footer .footer-copyright {
    border-top: 1px solid var(--yt-line) !important; background: transparent !important;
}

/* Blog bolumu diger bolumlerle ayni hizada */
@media (min-width: 769px) {
    html[data-theme] body .blog-section { padding-left: 60px !important; padding-right: 60px !important; }
    html[data-theme] body .blog-section .section-header,
    html[data-theme] body .blog-section .blog-grid { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
}

/* =========================================================
   GIRIS / KAYIT PENCERESI - sade
   ========================================================= */
html[data-theme] body .auth-modal-overlay {
    background: rgba(0, 0, 0, .6) !important;
    backdrop-filter: blur(2px) !important;
}
html[data-theme] body .auth-modal-container {
    background: var(--card-bg) !important; background-image: none !important;
    border: 1px solid var(--yt-line) !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .4) !important;
}
html[data-theme] body .auth-modal-container::before,
html[data-theme] body .auth-modal-container::after { display: none !important; }
html[data-theme] body .auth-modal-close {
    background: var(--yt-ghost) !important; border: 1px solid var(--yt-line) !important;
    border-radius: 10px !important; box-shadow: none !important;
    color: var(--yt-muted) !important;
}
html[data-theme] body .auth-modal-close:hover { color: var(--text-color) !important; background: var(--yt-ghost-h) !important; }
html[data-theme] body .auth-modal-logo { filter: none !important; }

/* Sekmeler */
html[data-theme] body .auth-modal-tabs {
    background: var(--yt-ghost) !important; border: 1px solid var(--yt-line) !important;
    border-radius: 12px !important; padding: 4px !important; box-shadow: none !important;
}
html[data-theme] body .auth-modal-tab {
    background: transparent !important; border: 0 !important; box-shadow: none !important;
    border-radius: 9px !important; color: var(--yt-muted) !important; font-weight: 600 !important;
}
html[data-theme] body .auth-modal-tab.active {
    background: var(--card-bg) !important;
    color: var(--text-color) !important;
    box-shadow: 0 1px 0 var(--yt-line), 0 0 0 1px var(--yt-line) !important;
}

/* Basliklar */
html[data-theme] body .auth-modal-title {
    font-size: 22px !important; font-weight: 800 !important; letter-spacing: -0.02em !important;
    color: var(--text-color) !important; text-shadow: none !important;
    background: none !important; -webkit-text-fill-color: currentColor !important;
}
html[data-theme] body .auth-modal-subtitle { color: var(--yt-muted) !important; font-size: 13.5px !important; }

/* Alanlar */
html[data-theme] body .auth-modal-input {
    background: var(--yt-ghost) !important;
    border: 1px solid var(--yt-line) !important;
    border-radius: 12px !important; box-shadow: none !important;
    color: var(--text-color) !important;
}
html[data-theme] body .auth-modal-input::placeholder { color: var(--yt-muted) !important; }
html[data-theme] body .auth-modal-input:focus {
    border-color: rgba(var(--primary-blue-rgb), .55) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-blue-rgb), .12) !important;
    background: var(--yt-ghost) !important;
}
html[data-theme] body .auth-input-icon,
html[data-theme] body .modal-password-toggle { color: var(--yt-muted) !important; }
html[data-theme] body .auth-modal-checkbox { accent-color: var(--primary-blue); }

/* Buton ve linkler */
html[data-theme] body .auth-modal-submit {
    background: var(--primary-blue) !important;
    border: 0 !important; border-radius: 12px !important; box-shadow: none !important;
    color: #fff !important;
    text-transform: none !important; letter-spacing: 0 !important;
    font-size: 15px !important; font-weight: 700 !important;
}
html[data-theme] body .auth-modal-submit:hover { background: color-mix(in srgb, var(--primary-blue) 88%, #000) !important; transform: none !important; }
html[data-theme] body .auth-modal-submit::before,
html[data-theme] body .auth-modal-submit::after { display: none !important; }
html[data-theme] body .auth-modal-link { color: var(--primary-blue) !important; font-weight: 600 !important; }
html[data-theme] body .auth-modal-footer { color: var(--yt-muted) !important; }
html[data-theme] body .google-auth-btn {
    background: var(--yt-ghost) !important; border: 1px solid var(--yt-line) !important;
    border-radius: 12px !important; box-shadow: none !important; color: var(--text-color) !important;
}

/* =========================================================
   SANS CARKI SAYFASI - sade
   (cark gorseli ve odul renkleri korunur, suslemeler sakinlesir)
   ========================================================= */
html[data-theme] body .wheel-hero h1 {
    background: none !important;
    -webkit-background-clip: border-box !important; background-clip: border-box !important;
    -webkit-text-fill-color: currentColor !important;
    color: var(--text-color) !important;
    font-size: clamp(28px, 4vw, 40px) !important; font-weight: 800 !important;
    letter-spacing: -0.02em !important; text-shadow: none !important;
}
html[data-theme] body .wheel-hero h1 i { color: var(--primary-blue) !important; -webkit-text-fill-color: currentColor !important; font-size: .8em; }
html[data-theme] body .wheel-hero p { color: var(--yt-muted) !important; font-size: 15px !important; }

html[data-theme] body .wheel-info-banner {
    background: var(--yt-surface) !important; background-image: none !important;
    border: 1px solid var(--yt-line) !important; border-radius: 12px !important;
    box-shadow: none !important; color: var(--yt-soft) !important;
}
html[data-theme] body .wheel-info-banner i { color: var(--primary-blue) !important; }
html[data-theme] body .wheel-arena.wheel-arena { background: none !important; }

/* Cevir butonu: tek renk, animasyonsuz */
html[data-theme] body .spin-btn {
    background: var(--primary-blue) !important; animation: none !important;
    border-radius: 12px !important; box-shadow: none !important;
    font-size: 16px !important; font-weight: 700 !important; letter-spacing: 0 !important;
    padding: 14px 40px !important; text-transform: none !important;
}
html[data-theme] body .spin-btn::after { display: none !important; }
html[data-theme] body .spin-btn:hover { transform: none !important; box-shadow: none !important; background: color-mix(in srgb, var(--primary-blue) 88%, #000) !important; }
html[data-theme] body .spins-badge {
    background: var(--yt-ghost) !important; border: 1px solid var(--yt-line) !important;
    border-radius: 12px !important; color: var(--yt-soft) !important;
}
html[data-theme] body .spins-badge .count { color: var(--text-color) !important; }

/* Giris cagrisi */
html[data-theme] body .login-cta {
    background: var(--yt-surface) !important; background-image: none !important;
    border: 1px solid var(--yt-line) !important; border-radius: 16px !important;
    box-shadow: none !important; backdrop-filter: none !important;
}
html[data-theme] body .login-cta p { color: var(--yt-soft) !important; font-size: 15px !important; }
html[data-theme] body .login-cta a {
    background: var(--primary-blue) !important; box-shadow: none !important;
    border-radius: 12px !important; padding: 12px 28px !important;
    font-size: 15px !important; font-weight: 700 !important; transform: none !important;
}

/* Oduller */
html[data-theme] body .prizes-section h3,
html[data-theme] body .history-section h3 {
    font-size: 20px !important; font-weight: 800 !important; text-shadow: none !important;
    color: var(--text-color) !important;
}
html[data-theme] body .prizes-grid { gap: 12px !important; }
html[data-theme] body .prize-card {
    background: var(--yt-surface) !important; backdrop-filter: none !important;
    border: 1px solid var(--yt-line) !important; border-radius: 14px !important;
    box-shadow: none !important;
}
html[data-theme] body .prize-card::before {
    height: 3px !important; box-shadow: none !important; opacity: .85;
}
html[data-theme] body .prize-card::after { display: none !important; }
html[data-theme] body .prize-card:hover { transform: none !important; box-shadow: none !important; border-color: var(--yt-line-2) !important; }
html[data-theme] body .prize-card-icon { filter: none !important; }
html[data-theme] body .prize-card-name { font-weight: 700 !important; font-size: 14px !important; color: var(--text-color) !important; }
html[data-theme] body .prize-card-sub { color: var(--yt-muted) !important; }
html[data-theme] body .prize-card-img { border: 1px solid var(--yt-line) !important; box-shadow: none !important; border-radius: 10px !important; }

/* Gecmis */
html[data-theme] body .hist-item {
    background: var(--yt-surface) !important; border: 1px solid var(--yt-line) !important;
}
html[data-theme] body .hist-dot { box-shadow: none !important; }
html[data-theme] body .hist-label { color: var(--text-color) !important; }
html[data-theme] body .hist-meta { color: var(--yt-muted) !important; }