/* Dark mode default for #siparis-formu */
#siparis-formu {
    background: linear-gradient(to bottom, #182234, #131b2c, #0f172a);
}
/* Tarz Pabuç (tarzpabuc.com) Custom Styles */
@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(234, 88, 12, 0.4);
    }
    50% {
        box-shadow: 0 0 25px rgba(234, 88, 12, 0.8);
    }
}

.hero-thumb.active {
    border-color: #f97316 !important;
    box-shadow: 0 0 12px rgba(249, 115, 22, 0.5);
}

.package-card.active {
    border-color: #ea580c !important;
}

.size-btn-1.active, .size-btn-2.active {
    background-color: #ea580c !important;
    border-color: #ea580c !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(234, 88, 12, 0.4);
}

/* Card Size Button Styles (Matching Screenshot) */
.shoe-size-pill {
    transition: all 0.15s ease;
}
.shoe-size-pill:hover {
    background-color: #f97316 !important;
    color: #ffffff !important;
    border-color: #f97316 !important;
    transform: translateY(-1px);
}
.shoe-size-pill.active {
    background-color: #ea580c !important;
    color: #ffffff !important;
    border-color: #ea580c !important;
    box-shadow: 0 2px 8px rgba(234, 88, 12, 0.5);
}

/* Counter Badge Glow */
.counter-badge-complete {
    background-color: rgba(16, 185, 129, 0.2) !important;
    border-color: #10b981 !important;
    color: #34d399 !important;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.35) !important;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0f172a;
}
::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ea580c;
}

/* Shimmer effect */
.shimmer-badge {
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
    background-size: 200% 100%;
    animation: shimmer 3s infinite;
}

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}




/* ==========================================================================
   BEDEN TABLOSU ALANI (SIZE GUIDE BANNER) - AÇIK VE KOYU MOD KURALI
   ========================================================================== */
.size-guide-banner {
    background: linear-gradient(to right, #0f172a, #1e293b, #0f172a);
    border-color: rgba(99, 102, 241, 0.4) !important;
}
.size-guide-title {
    color: #ffffff;
}
.size-guide-desc {
    color: #cbd5e1;
}
.size-guide-badge {
    background-color: #4f46e5 !important;
    color: #ffffff !important;
    border: 1px solid #4338ca !important;
}
.size-guide-icon-box {
    background-color: #4f46e5 !important;
    color: #ffffff !important;
    border: 1px solid #4338ca !important;
}

/* Açık Mod (Light Mode) */
body.light-theme .size-guide-banner {
    background: #ffffff !important;
    border: 2px solid #4f46e5 !important;
    box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.15) !important;
}
body.light-theme .size-guide-banner:hover {
    border-color: #4338ca !important;
    box-shadow: 0 14px 28px -4px rgba(79, 70, 229, 0.22) !important;
}
body.light-theme .size-guide-title {
    color: #1e1b4b !important; /* Buton indigosu gibi koyu, net ve kalın */
    font-weight: 900 !important;
}
body.light-theme .size-guide-desc {
    color: #0f172a !important; /* Simsiyah net okunaklı açıklama */
    font-weight: 600 !important;
}
body.light-theme .size-guide-badge {
    background-color: #4f46e5 !important; /* Buton rengi koyu indigo */
    color: #ffffff !important; /* Bembeyaz net yazı */
    border: 1px solid #4338ca !important;
    font-weight: 800 !important;
}
body.light-theme .size-guide-icon-box {
    background-color: #4f46e5 !important; /* Buton rengi koyu indigo zemin */
    color: #ffffff !important; /* Bembeyaz cetvel ikonu */
    border: 1px solid #4338ca !important;
}

/* ==========================================================================
   AÇIK MOD (LIGHT THEME) - KULLANICI EKRAN GÖRÜNTÜLERİYLE %100 BİREBİR UYUMLU TASARIM
   ========================================================================== */

/* 1. Global Sayfa ve Zemin */
body.light-theme {
    background-color: #ffffff !important;
    color: #0f172a !important;
}

/* 2. Header & Logo & Menü */
body.light-theme header {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}
body.light-theme header a {
    color: #0f172a !important;
}
body.light-theme nav a {
    color: #334155 !important;
    font-weight: 600 !important;
}
body.light-theme nav a:hover {
    color: #ea580c !important;
}
body.light-theme .site-logo-badge > div {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
}
body.light-theme .site-logo-badge span {
    background: none !important;
    color: #4338ca !important;
}
body.light-theme .logo-title-main {
    color: #0f172a !important;
}
body.light-theme .site-slogan {
    color: #475569 !important;
}
body.light-theme header .theme-toggle-btn {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}
body.light-theme header .theme-toggle-btn:hover {
    background-color: #e2e8f0 !important;
}

/* 3. Hero Bölümü - RESİM 1 & RESİM 4 BİREBİR UYUM */
body.light-theme #hero {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}

/* Hero Etiket Rozeti (Koyu Füme / Lacivert Hap) */
body.light-theme #hero-tag-badge {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
}
body.light-theme #hero-tag-badge .hero-tag-title {
    color: #f97316 !important;
    font-weight: 800 !important;
}
body.light-theme #hero-tag-badge .hero-tag-brands {
    color: #cbd5e1 !important;
    font-weight: 500 !important;
}
body.light-theme #hero-tag-badge .hero-tag-divider {
    color: #64748b !important;
}

/* Hero Başlıkları & Açıklama */
body.light-theme .hero-title-main {
    color: #0f172a !important;
}
body.light-theme .hero-yellow-title {
    color: #ea580c !important;
    text-shadow: none !important;
}
body.light-theme .hero-subtitle {
    color: #334155 !important;
}

/* Hero Paket Kartları (KULLANICI RESMİNDE KOYU LACİVERT/SİYAH ZEMİN!) */
body.light-theme #hero .hero-package-card {
    background: #0f172a !important;
    border: 1.5px solid #1e293b !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.2) !important;
}
body.light-theme #hero .hero-package-card .text-white,
body.light-theme #hero .hero-package-card .hero-price-single {
    color: #ffffff !important;
}
body.light-theme #hero .hero-package-card .hero-price-double {
    color: #facc15 !important;
}
body.light-theme #hero .hero-package-card .text-slate-300,
body.light-theme #hero .hero-package-card .text-slate-400 {
    color: #94a3b8 !important;
}
body.light-theme #hero .hero-package-card a.bg-slate-800 {
    background-color: #1e293b !important;
    color: #ffffff !important;
    border: 1px solid #334155 !important;
}
body.light-theme #hero .hero-package-card a.bg-slate-800:hover {
    background-color: #334155 !important;
}
body.light-theme #hero .hero-package-card .hero-package-badge {
    background: #dc2626 !important;
    color: #ffffff !important;
}

/* Hero Güven Rozetleri (Koyu Lacivert Haplar) */
body.light-theme #hero .hero-trust-badge {
    background-color: #0f172a !important;
    border: 1px solid #1e293b !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
}
body.light-theme #hero .hero-trust-badge strong {
    color: #ffffff !important;
}
body.light-theme #hero .hero-trust-badge span {
    color: #94a3b8 !important;
}

/* Hero Sağ Showcase Kartı (BEYAZ ZEMİN, ŞIK GÖRÜNÜM) */
body.light-theme .hero-showcase-card {
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}
body.light-theme .hero-showcase-card .border-slate-800 {
    border-color: #f1f5f9 !important;
}
body.light-theme .hero-bestseller-heading {
    color: #ea580c !important;
}
body.light-theme .hero-trend-badge {
    background-color: #dc2626 !important;
    color: #ffffff !important;
    border-color: #b91c1c !important;
}
body.light-theme .hero-trend-tab {
    background-color: #f1f5f9 !important;
    color: #475569 !important;
    border-color: #e2e8f0 !important;
}
body.light-theme .hero-trend-tab.active {
    background-color: #ea580c !important;
    color: #ffffff !important;
    border-color: #ea580c !important;
}
body.light-theme #hero-bestseller-title {
    color: #0f172a !important;
}
body.light-theme #hero-bestseller-desc {
    color: #64748b !important;
}
body.light-theme .hero-bestseller-price {
    color: #ea580c !important;
}
body.light-theme .hero-fomo-badge {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}
body.light-theme .hero-fomo-text,
body.light-theme .hero-stock-text {
    color: #1e293b !important;
}
body.light-theme .hero-fomo-text strong {
    color: #0f172a !important;
}

/* 4. Özel Kampanya Ara Bannerı (#campaign-banner-bar) - RESİM 1 BİREBİR */
body.light-theme #campaign-banner-bar {
    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 50%, #fed7aa 100%) !important;
    border: 2px solid #fdba74 !important;
    box-shadow: 0 10px 25px rgba(249, 115, 22, 0.15) !important;
}
body.light-theme #campaign-banner-bar .banner-title {
    color: #0f172a !important;
    font-weight: 900 !important;
}
body.light-theme #campaign-banner-bar .banner-desc {
    color: #475569 !important;
    font-weight: 600 !important;
}
body.light-theme #campaign-banner-bar .banner-subtext {
    color: #c2410c !important;
    font-weight: 700 !important;
}

/* 5. Katalog Bölümü & Ürün Kartları - RESİM 1 BİREBİR */
body.light-theme #catalog-section {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
}
body.light-theme #catalog-title {
    color: #0f172a !important;
}
body.light-theme #catalog-subtitle {
    color: #64748b !important;
}
body.light-theme #selection-counter-badge {
    background-color: #ffffff !important;
    border-color: #ea580c !important;
    color: #ea580c !important;
    box-shadow: 0 2px 10px rgba(234, 88, 12, 0.1) !important;
}
body.light-theme #catalog-section .online-pill-text {
    color: #047857 !important;
}
body.light-theme #catalog-section .bg-emerald-500\/15 {
    background-color: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
}
body.light-theme #catalog-section .bg-slate-950\/90 {
    background-color: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
body.light-theme #catalog-section .bg-slate-950\/90 label {
    color: #0f172a !important;
}
body.light-theme #catalog-section input,
body.light-theme #catalog-section select {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}
body.light-theme .boot-card,
body.light-theme .product-card {
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}
body.light-theme .boot-card:hover,
body.light-theme .product-card:hover {
    border-color: #ea580c !important;
    box-shadow: 0 10px 25px rgba(234, 88, 12, 0.12) !important;
}
body.light-theme .boot-card h3,
body.light-theme .product-card h3 {
    color: #0f172a !important;
}
body.light-theme .boot-card p,
body.light-theme .product-card p {
    color: #475569 !important;
    font-weight: 600 !important;
}
body.light-theme .boot-card .bg-slate-950,
body.light-theme .product-card .bg-slate-950,
body.light-theme #catalog-grid .bg-slate-950 {
    background-color: #f8fafc !important;
}
body.light-theme .shoe-size-pill {
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 800 !important;
}
body.light-theme .shoe-size-pill:hover,
body.light-theme .shoe-size-pill.active {
    background-color: #ea580c !important;
    border-color: #ea580c !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.35) !important;
}
body.light-theme .card-viewer-badge {
    background-color: #fef3c7 !important;
    border: 1px solid #f59e0b !important;
    color: #78350f !important;
}
body.light-theme .card-viewer-badge .card-viewer-count {
    color: #78350f !important;
    font-weight: 800 !important;
}

/* ==========================================================================
   6. SİPARİŞ FORMU ALANI (#siparis-formu & #order-form) - RESİM 2 & 3 BİREBİR
   ========================================================================== */
body.light-theme #siparis-formu {
    background: #f8fafc !important;
    background-image: none !important;
    border-top: 1px solid #e2e8f0 !important;
}
body.light-theme #siparis-formu h2 {
    color: #0f172a !important;
    font-weight: 900 !important;
}
body.light-theme #siparis-formu p {
    color: #475569 !important;
}

/* Üst Güvenli Kapıda Ödeme Rozeti */
body.light-theme #siparis-formu .text-center span:first-child,
body.light-theme #siparis-formu span:has(i[data-lucide="shield-check"]) {
    background-color: #fff7ed !important;
    border: 1px solid #fdba74 !important;
    color: #c2410c !important;
    font-weight: 800 !important;
}

/* Paket Seçenek Kartları: #pkg-single & #pkg-double */
body.light-theme #siparis-formu #pkg-single {
    background-image: none !important;
    background-color: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 1rem !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}
body.light-theme #siparis-formu #pkg-single:hover {
    border-color: #94a3b8 !important;
}
body.light-theme #siparis-formu #pkg-single.active {
    border-color: #ea580c !important;
    box-shadow: 0 4px 20px rgba(234, 88, 12, 0.15) !important;
}
body.light-theme #siparis-formu #pkg-single h4 {
    color: #0f172a !important;
    font-weight: 800 !important;
}
body.light-theme #siparis-formu #pkg-single p {
    color: #64748b !important;
    font-weight: 600 !important;
}
body.light-theme #siparis-formu #pkg-single .text-white {
    color: #0f172a !important;
    font-weight: 900 !important;
}
body.light-theme #siparis-formu #pkg-single .border-slate-700\/60,
body.light-theme #siparis-formu #pkg-single .border-t {
    border-color: #f1f5f9 !important;
}

body.light-theme #siparis-formu #pkg-double {
    background-image: none !important;
    background-color: #ffffff !important;
    border: 2.5px solid #ea580c !important;
    border-radius: 1rem !important;
    box-shadow: 0 6px 25px rgba(234, 88, 12, 0.15) !important;
}
body.light-theme #siparis-formu #pkg-double h4 {
    color: #ea580c !important;
    font-weight: 900 !important;
}
body.light-theme #siparis-formu #pkg-double p {
    color: #9a3412 !important;
    font-weight: 700 !important;
}
body.light-theme #siparis-formu #pkg-double .text-amber-400 {
    color: #ea580c !important;
    font-weight: 900 !important;
}
body.light-theme #siparis-formu #pkg-double .border-brand-500\/30,
body.light-theme #siparis-formu #pkg-double .border-t {
    border-color: #ffedd5 !important;
}
body.light-theme #siparis-formu #pkg-double .absolute {
    background: linear-gradient(to right, #ea580c, #f59e0b) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* Üstü Çizili Fiyat & Yeşil Ücretsiz Kargo */
body.light-theme #siparis-formu .line-through {
    color: #64748b !important;
    font-weight: 600 !important;
}
body.light-theme #siparis-formu .text-emerald-400 {
    color: #059669 !important;
    font-weight: 800 !important;
}

/* Sol Kolon (Teslimat Bilgileri Form Kartı) */
body.light-theme #siparis-formu .lg\:col-span-7 {
    background-image: none !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 1.5rem !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}
body.light-theme #order-form h3 {
    color: #0f172a !important;
    border-color: #f1f5f9 !important;
    font-weight: 800 !important;
}
body.light-theme #order-form span.uppercase {
    color: #0f172a !important;
    font-weight: 900 !important;
}
body.light-theme #order-form label {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* Form Inputları ve Select Kutuları */
body.light-theme #order-form input,
body.light-theme #order-form select,
body.light-theme #order-form textarea {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 0.75rem !important;
    font-weight: 600 !important;
}
body.light-theme #order-form input::placeholder,
body.light-theme #order-form textarea::placeholder {
    color: #94a3b8 !important;
}
body.light-theme #order-form input:focus,
body.light-theme #order-form select:focus,
body.light-theme #order-form textarea:focus {
    border-color: #ea580c !important;
    box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.15) !important;
}

/* Kargo ve Ödeme Seçenek Kartları - RESİM 3 BİREBİR */
body.light-theme .carrier-card,
body.light-theme .payment-card {
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 0.75rem !important;
}
body.light-theme .carrier-card.active,
body.light-theme .payment-card.active {
    background-color: #fff7ed !important;
    border: 2px solid #ea580c !important;
}
body.light-theme .carrier-name,
body.light-theme .payment-name {
    color: #0f172a !important;
    font-weight: 800 !important;
}
body.light-theme .carrier-desc,
body.light-theme .payment-desc {
    color: #64748b !important;
}

/* Sağ Kolon: Seçtiğiniz Botlar & Set Özeti - RESİM 2 BİREBİR */
body.light-theme #sectiginiz-botlar-alani,
body.light-theme #sectiginiz-botlar-alani * {
    background-image: none !important;
}
body.light-theme #sectiginiz-botlar-alani,
body.light-theme #siparis-formu .lg\:col-span-5 > div {
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 1.5rem !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}
body.light-theme #sectiginiz-botlar-alani h3,
body.light-theme #side-summary-title {
    color: #0f172a !important;
    border-color: #f1f5f9 !important;
    font-weight: 800 !important;
}
body.light-theme #sectiginiz-botlar-alani .border-b,
body.light-theme #side-summary-title {
    border-color: #f1f5f9 !important;
}
body.light-theme .selected-boot-row {
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
}
body.light-theme .selected-boot-row .selected-boot-name {
    color: #0f172a !important;
    font-weight: 800 !important;
}
body.light-theme .selected-boot-row button {
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}
body.light-theme .selected-boot-row button:hover {
    background-color: #ef4444 !important;
    color: #ffffff !important;
    border-color: #ef4444 !important;
}
body.light-theme #side-status-banner {
    background-color: #ecfdf5 !important;
    border: 1.5px solid #a7f3d0 !important;
    color: #065f46 !important;
}
body.light-theme #side-status-banner span {
    color: #065f46 !important;
    font-weight: 700 !important;
}
body.light-theme #side-summary-item-label,
body.light-theme #siparis-formu .lg\:col-span-5 span {
    color: #334155 !important;
}
body.light-theme #side-summary-price {
    color: #0f172a !important;
    font-weight: 800 !important;
}
body.light-theme #side-total-price {
    color: #ea580c !important;
    font-weight: 900 !important;
}
body.light-theme #siparis-formu .lg\:col-span-5 .border-b,
body.light-theme #siparis-formu .lg\:col-span-5 .border-t {
    border-color: #f1f5f9 !important;
}

/* Alt Güvenlik & Garanti Kutusu */
body.light-theme #siparis-formu .p-4.rounded-2xl.bg-black\/40 {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}
body.light-theme #siparis-formu .p-4.rounded-2xl.bg-black\/40 .text-white {
    color: #0f172a !important;
    font-weight: 800 !important;
}
body.light-theme #siparis-formu .p-4.rounded-2xl.bg-black\/40 p {
    color: #64748b !important;
}

/* 7. Müşteri Yorumları (#yorumlar) */
body.light-theme #yorumlar {
    background-color: #f8fafc !important;
}
body.light-theme #yorumlar h2 {
    color: #0f172a !important;
}
body.light-theme #yorumlar p.text-slate-400 {
    color: #475569 !important;
}
body.light-theme #yorumlar .grid > div,
body.light-theme #yorumlar .rounded-2xl {
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}
body.light-theme #yorumlar p,
body.light-theme #yorumlar strong,
body.light-theme #yorumlar span {
    color: #1e293b !important;
}
body.light-theme #yorumlar .text-slate-400 {
    color: #64748b !important;
}

/* 8. Sıkça Sorulan Sorular (#sss) */
body.light-theme #sss {
    background-color: #f8fafc !important;
}
body.light-theme #sss h2,
body.light-theme #sss h2 span,
body.light-theme #sss .text-white {
    color: #0f172a !important;
}
body.light-theme #sss p {
    color: #475569 !important;
}
body.light-theme #sss .faq-card {
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}
body.light-theme #sss .faq-card:hover {
    border-color: #ea580c !important;
    box-shadow: 0 8px 25px rgba(234, 88, 12, 0.08) !important;
}
body.light-theme #sss .faq-card button,
body.light-theme #sss .faq-card button span {
    color: #0f172a !important;
    font-weight: 700 !important;
}
body.light-theme #sss .faq-body {
    color: #334155 !important;
    border-top: 1px solid #f1f5f9 !important;
}

/* 9. Alt Büyük Dönüşüm Bannerı */
body.light-theme .py-16.relative.overflow-hidden.bg-gradient-to-b,
body.light-theme section:has(#countdown-timer-bottom) {
    background: #f1f5f9 !important;
}
body.light-theme .py-16.relative.overflow-hidden.bg-gradient-to-b .rounded-3xl {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}
body.light-theme .py-16.relative.overflow-hidden.bg-gradient-to-b .rounded-3xl h2 {
    color: #ffffff !important;
}
body.light-theme .py-16.relative.overflow-hidden.bg-gradient-to-b .rounded-3xl p {
    color: #cbd5e1 !important;
}

/* 10. Footer */
body.light-theme footer {
    background-color: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #64748b !important;
}
body.light-theme footer p,
body.light-theme footer a,
body.light-theme footer span {
    color: #64748b !important;
}


/* ========================================================================
   USER REQUEST OVERRIDES: SARI AKTIF BUTONLAR & BEMBEYAZ AÇIK TEMA
   ======================================================================== */

/* Resim 2 Gibi Bembeyaz & Ferah Zemin Açık Mod */
body.light-theme {
    background-color: #f8fafc !important;
    background-image: none !important;
    color: #0f172a !important;
}

body.light-theme header {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

body.light-theme header a,
body.light-theme header span {
    color: #0f172a !important;
}

body.light-theme #hero {
    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
    color: #0f172a !important;
}

body.light-theme #hero h1,
body.light-theme #hero h2,
body.light-theme #hero p {
    color: #0f172a !important;
}

body.light-theme .hero-package-card,
body.light-theme .hero-showcase-card {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

body.light-theme section#catalog-section {
    background-color: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .product-card,
body.light-theme .boot-card {
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
}

body.light-theme .product-card h3,
body.light-theme .boot-card h3 {
    color: #0f172a !important;
}

/* SARI NUMARA BUTONU (Tıklayınca canlı sarı olsun) */
.shoe-size-pill {
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    transition: all 0.15s ease !important;
}

.shoe-size-pill:hover,
.shoe-size-pill:active {
    background-color: #fef08a !important;
    border-color: #eab308 !important;
}

.shoe-size-pill.active,
body.light-theme .shoe-size-pill.active,
body .shoe-size-pill.active {
    background-color: #facc15 !important; /* PARLAK CANLI SARI */
    color: #0f172a !important;
    border-color: #ca8a04 !important;
    border-width: 2px !important;
    font-weight: 900 !important;
    box-shadow: 0 2px 10px rgba(202, 138, 4, 0.5) !important;
    transform: scale(1.04) !important;
}

/* RESİM 1 GİBİ AKTİF SARI/TURUNCU SEÇİLİ PAKET KARTI */
.package-card {
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}



.package-card.active .package-radio {
    border-color: #f59e0b !important;
}

.package-card.active .radio-dot {
    background-color: #f59e0b !important;
}

/* Mobilde butonlara tıklanmasını engelleyen arka plan katman fix */
#live-notification {
    pointer-events: none !important;
}
#live-notification > * {
    pointer-events: auto !important;
}


/* =========================================================================
   DARK THEME: PAKET KARTI ESKİ KOYU RENK & 14:00 KARGO SAYAÇ YAZISI BEYAZ
   ========================================================================= */

/* KOYU MODDA SEÇİLİ PAKET KARTI: ESKİ ŞIK KOYU LACİVERT/FÜME ZEMİN */
body:not(.light-theme) .package-card.active,
body:not(.light-theme) #pkg-double.active,
body:not(.light-theme) #pkg-single.active {
    background: linear-gradient(135deg, rgba(30, 27, 75, 0.7) 0%, rgba(15, 23, 42, 0.9) 100%) !important;
    border: 2.5px solid #f59e0b !important; /* Canlı Altın Sarısı / Amber Aktif Çerçeve */
    box-shadow: 0 0 0 1px #f59e0b, 0 8px 24px rgba(245, 158, 11, 0.25) !important;
}

body:not(.light-theme) .package-card.active h4,
body:not(.light-theme) .package-card.active span,
body:not(.light-theme) .package-card.active div {
    color: #ffffff !important;
}

body:not(.light-theme) .package-card.active p {
    color: #94a3b8 !important;
}

/* SADECE AÇIK MODDA SEÇİLİ PAKET KARTI BEYAZ ZEMİN */
body.light-theme .package-card.active,
body.light-theme #pkg-double.active,
body.light-theme #pkg-single.active {
    background: #ffffff !important;
    border: 2.5px solid #f59e0b !important;
    box-shadow: 0 0 0 1px #f59e0b, 0 8px 24px rgba(245, 158, 11, 0.2) !important;
}

body.light-theme .package-card.active h4 {
    color: #0f172a !important;
}

body.light-theme .package-card.active p {
    color: #475569 !important;
}

/* KARGO SAYAÇ KUTUSU (14:00 ve tüm metinler BEMBEYAZ) */
#cutoff-shipping-alert,
#cutoff-shipping-alert *,
#cutoff-shipping-alert span,
#cutoff-shipping-alert div,
#cutoff-shipping-alert strong {
    color: #ffffff !important;
}

#cutoff-shipping-alert strong {
    font-weight: 800 !important;
}

/* =========================================================================
   ORİJİNAL KOYU MOD & CANLI TURUNCU BUTONLAR (TAM VE EKSİKSİZ)
   ========================================================================= */

/* 1. Numara Butonları: Tıklanınca Canlı Turuncu (#ea580c) & Bembeyaz Yazı */
.shoe-size-pill {
    transition: all 0.15s ease !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
}

body:not(.light-theme) .shoe-size-pill {
    background-color: #1e293b !important;
    border: 1.5px solid #334155 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

body:not(.light-theme) .shoe-size-pill:hover {
    background-color: #ea580c !important;
    border-color: #ea580c !important;
    color: #ffffff !important;
}

/* Seçili Numara Butonu: Canlı Turuncu, Bembeyaz Kalın Yazı */
.shoe-size-pill.active,
body:not(.light-theme) .shoe-size-pill.active,
body.light-theme .shoe-size-pill.active {
    background-color: #ea580c !important; /* CANLI TURUNCU */
    color: #ffffff !important; /* BEMBEYAZ YAZI */
    border-color: #ea580c !important;
    border-width: 2px !important;
    font-weight: 900 !important;
    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.45) !important;
    transform: scale(1.05) !important;
}

/* 2. Koyu Modda Paket Kartları (2 Çift Bot Kampanyası vb.): Orijinal Koyu Lacivert/Füme */
body:not(.light-theme) .package-card {
    background: #1e293b !important;
    border: 2px solid #334155 !important;
    color: #ffffff !important;
}

body:not(.light-theme) .package-card.active,
body:not(.light-theme) #pkg-double.active,
body:not(.light-theme) #pkg-single.active {
    background: linear-gradient(135deg, rgba(30, 27, 75, 0.75) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
    border: 2.5px solid #ea580c !important; /* Orijinal Canlı Turuncu Aktif Çerçeve */
    box-shadow: 0 0 0 1px #ea580c, 0 8px 24px rgba(234, 88, 12, 0.3) !important;
}

body:not(.light-theme) .package-card.active h4,
body:not(.light-theme) .package-card.active span,
body:not(.light-theme) .package-card.active div {
    color: #ffffff !important;
}

body:not(.light-theme) .package-card.active p {
    color: #94a3b8 !important;
}

body:not(.light-theme) .package-card.active .package-radio {
    border-color: #ea580c !important;
}

body:not(.light-theme) .package-card.active .radio-dot {
    background-color: #ea580c !important;
}

/* Açık Modda Paket Kartı */
body.light-theme .package-card.active {
    background: #ffffff !important;
    border: 2.5px solid #ea580c !important;
    box-shadow: 0 0 0 1px #ea580c, 0 8px 20px rgba(234, 88, 12, 0.2) !important;
}

/* 3. Kargo Sayaç Kutusu (14:00 Sevkiyat Bilgisi ve Sayaç BEMBEYAZ) */
#cutoff-shipping-alert,
#cutoff-shipping-alert *,
#cutoff-shipping-alert span,
#cutoff-shipping-alert div,
#cutoff-shipping-alert strong {
    color: #ffffff !important;
}

#cutoff-shipping-alert strong {
    font-weight: 800 !important;
    text-decoration: underline !important;
}

/* Bildirim katmanının tıklamayı engellemesini önle */
#live-notification {
    pointer-events: none !important;
}
#live-notification > * {
    pointer-events: auto !important;
}


/* =========================================================================
   KARGO VE ÖDEME KARTLARI SEÇİLDİĞİNDE CANLI TURUNCU ÇERÇEVE
   ========================================================================= */
.carrier-card {
    border: 1.5px solid #334155 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.carrier-card.active {
    border: 2.5px solid #ea580c !important; /* CANLI TURUNCU ÇERÇEVE */
    box-shadow: 0 0 0 1px #ea580c, 0 4px 14px rgba(234, 88, 12, 0.25) !important;
}

.payment-card {
    border: 1.5px solid #334155 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.payment-card.active {
    border: 2.5px solid #ea580c !important; /* CANLI TURUNCU ÇERÇEVE */
    box-shadow: 0 0 0 1px #ea580c, 0 4px 14px rgba(234, 88, 12, 0.25) !important;
}