/**
 * Gemnative – Light Mode Overrides
 * app.css kullanan sayfalar için (profile.php, admin olmayan sayfalar)
 * style.css zaten kendi [data-theme="light"] bloğuna sahip
 */

[data-theme="light"] body {
    background: #f0f2f8;
    color: #2d3748;
}

[data-theme="light"] .navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
    backdrop-filter: blur(12px);
}
[data-theme="light"] .nav-links a,
[data-theme="light"] .navbar-link {
    color: #4a5568 !important;
}
[data-theme="light"] .nav-links a:hover,
[data-theme="light"] .navbar-link:hover {
    color: #6c5ce7 !important;
}

/* ── Cards / Panels ── */
[data-theme="light"] .pcard,
[data-theme="light"] .dash-panel,
[data-theme="light"] .admin-card,
[data-theme="light"] .auth-card {
    background: #ffffff !important;
    border-color: rgba(0,0,0,0.08) !important;
    box-shadow: 0 2px 16px rgba(0,0,0,0.06);
}

/* ── Metinler ── */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4 {
    color: #1a202c !important;
}
[data-theme="light"] .u-name,
[data-theme="light"] .order-info .o-title,
[data-theme="light"] .panel-header h2,
[data-theme="light"] .user-badge-info .u-name {
    color: #1a202c !important;
}
[data-theme="light"] .u-email,
[data-theme="light"] .o-date,
[data-theme="light"] .o-id,
[data-theme="light"] .user-badge-info .u-email {
    color: #718096 !important;
}

/* ── Sidebar nav ── */
[data-theme="light"] .user-badge {
    background: linear-gradient(135deg, rgba(108,92,231,0.08), rgba(108,92,231,0.03)) !important;
    border-color: rgba(108,92,231,0.2) !important;
}
[data-theme="light"] .dash-nav-item {
    color: #4a5568 !important;
}
[data-theme="light"] .dash-nav-item:hover {
    background: rgba(0,0,0,0.04) !important;
    color: #1a202c !important;
}
[data-theme="light"] .dash-nav-item.active {
    background: rgba(108,92,231,0.1) !important;
    color: #6c5ce7 !important;
    border-color: rgba(108,92,231,0.25) !important;
}
[data-theme="light"] .nav-divider {
    background: rgba(0,0,0,0.08) !important;
}

/* ── Sipariş kartları ── */
[data-theme="light"] .order-row {
    background: #f8fafc !important;
    border-color: rgba(0,0,0,0.07) !important;
}
[data-theme="light"] .order-row:hover {
    background: rgba(108,92,231,0.05) !important;
    border-color: rgba(108,92,231,0.2) !important;
}

/* ── Servis kartları ── */
[data-theme="light"] .service-card {
    background: linear-gradient(135deg, rgba(108,92,231,0.06), rgba(108,92,231,0.02)) !important;
    border-color: rgba(108,92,231,0.15) !important;
}
[data-theme="light"] .service-card .sc-title { color: #1a202c !important; }

/* ── Kuponlar ── */
[data-theme="light"] .coupon-row {
    background: #f8fafc !important;
    border-color: rgba(0,0,0,0.07) !important;
}

/* ── Form elemanları ── */
[data-theme="light"] .form-group input,
[data-theme="light"] .auth-form input,
[data-theme="light"] .search-bar input {
    background: #f8fafc !important;
    border-color: rgba(0,0,0,0.12) !important;
    color: #2d3748 !important;
}
[data-theme="light"] .form-group input:focus {
    border-color: rgba(108,92,231,0.5) !important;
    background: #fff !important;
}
[data-theme="light"] .form-group label { color: #718096 !important; }

/* ── Butonlar ── */
[data-theme="light"] .btn-ghost {
    background: rgba(0,0,0,0.05) !important;
    color: #4a5568 !important;
    border-color: rgba(0,0,0,0.12) !important;
}
[data-theme="light"] .btn-ghost:hover {
    background: rgba(0,0,0,0.09) !important;
    color: #1a202c !important;
}
[data-theme="light"] .btn-invoice {
    background: rgba(0,0,0,0.04) !important;
    color: #4a5568 !important;
    border-color: rgba(0,0,0,0.1) !important;
}

/* ── Divider / Border ── */
[data-theme="light"] .section-divider,
[data-theme="light"] .panel-header { border-color: rgba(0,0,0,0.08) !important; }

/* ── Referans kutusu ── */
[data-theme="light"] .ref-hero {
    background: linear-gradient(135deg, rgba(108,92,231,0.07), rgba(108,92,231,0.02)) !important;
    border-color: rgba(108,92,231,0.15) !important;
}
[data-theme="light"] .ref-code-wrap {
    background: rgba(108,92,231,0.08) !important;
    border-color: rgba(108,92,231,0.2) !important;
}
[data-theme="light"] .ref-link-box {
    background: #f8fafc !important;
    border-color: rgba(0,0,0,0.1) !important;
}
[data-theme="light"] .ref-link-box input { color: #718096 !important; }
[data-theme="light"] .ref-step {
    background: #f8fafc !important;
    border-color: rgba(0,0,0,0.07) !important;
}
[data-theme="light"] .ref-step .rs-title { color: #1a202c !important; }

/* ── Danger zone ── */
[data-theme="light"] .danger-zone {
    background: rgba(214,48,49,0.04) !important;
}

/* ── Footer ── */
[data-theme="light"] .site-footer,
[data-theme="light"] footer { border-color: rgba(0,0,0,0.08) !important; }

/* ── Auth sayfaları ── */
[data-theme="light"] .auth-page { background: #f0f2f8 !important; }
[data-theme="light"] .auth-card {
    background: #ffffff !important;
    box-shadow: 0 8px 40px rgba(0,0,0,0.1) !important;
}
[data-theme="light"] .auth-title { color: #1a202c !important; }
[data-theme="light"] .auth-subtitle,
[data-theme="light"] .auth-footer { color: #718096 !important; }
[data-theme="light"] .auth-back-link { color: #718096 !important; }

/* ── Paket kartları ── */
[data-theme="light"] .packages-hero {
    background: radial-gradient(ellipse at top, rgba(108,92,231,0.08), transparent 60%) !important;
}
[data-theme="light"] .packages-hero h1 {
    color: #1a202c !important;
}
[data-theme="light"] .package-card {
    background: #ffffff !important;
    border-color: rgba(0,0,0,0.08) !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.06) !important;
}
[data-theme="light"] .package-card:hover {
    border-color: rgba(108,92,231,0.4) !important;
    box-shadow: 0 12px 40px rgba(108,92,231,0.12) !important;
}
[data-theme="light"] .package-header h3 {
    color: #1a202c !important;
}
[data-theme="light"] .package-body p,
[data-theme="light"] .package-feature {
    color: #4a5568 !important;
}
[data-theme="light"] .feature-item,
[data-theme="light"] .pkg-feature {
    color: #4a5568 !important;
}
[data-theme="light"] .price-old {
    color: #a0aec0 !important;
}

/* ── Checkout ── */
[data-theme="light"] .checkout-summary h2,
[data-theme="light"] .checkout-payment h2 {
    color: #1a202c !important;
}
[data-theme="light"] .summary-card,
[data-theme="light"] .payment-card {
    background: #ffffff !important;
    border-color: rgba(0,0,0,0.08) !important;
    box-shadow: 0 2px 16px rgba(0,0,0,0.06) !important;
}

/* ── Footer (packages.php gibi basit footer) ── */
[data-theme="light"] .site-footer {
    background: #f0f2f8 !important;
    border-top: 1px solid rgba(0,0,0,0.08) !important;
    color: #718096 !important;
}

/* ── Toggle button ── */
.theme-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    color: rgba(255,255,255,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}
.theme-toggle-btn:hover {
    background: rgba(255,255,255,0.1);
    color: #fff;
}
[data-theme="light"] .theme-toggle-btn {
    color: #718096;
}
[data-theme="light"] .theme-toggle-btn:hover {
    background: rgba(0,0,0,0.08);
    color: #2d3748;
}
/* ── Servis tarihi (profile hizmetler) ── */
[data-theme="light"] .service-card .sc-date {
    color: #718096 !important;
}

/* ── Email taşma önleme ── */
.user-badge-info .u-email {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
}