/**
 * LisansJet - Light Mode Fixes
 * Bu dosya light mode'da düşük kontrast ve okunabilirlik sorunlarını düzeltir.
 * Theme Toggle: dark mode için body.dark-mode class'ı kullanılır
 */

/* ========================================
   1. LIGHT MODE İSTATİSTİK KARTLARI
   ======================================== */

/* Anasayfa Hero Stats - Light Mode */
body:not(.dark-mode) .hero-stat {
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

body:not(.dark-mode) .hero-stat-value {
  background: linear-gradient(135deg, #f39321 0%, #ea580c 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

body:not(.dark-mode) .hero-stat-label {
  color: #374151 !important;
}

body:not(.dark-mode) .hero-stat-icon {
  color: #6b7280 !important;
}

body:not(.dark-mode) .hero-stat:hover .hero-stat-icon {
  color: #f39321 !important;
}

/* ========================================
   2. LIGHT MODE ÖZELLİK KARTLARI
   ======================================== */

/* Hero Feature Cards - Light Mode */
body:not(.dark-mode) .hero-feature-card {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

body:not(.dark-mode) .hero-feature-card .feature-content h4 {
  color: #1f2937 !important;
}

body:not(.dark-mode) .hero-feature-card .feature-content p {
  color: #6b7280 !important;
}

body:not(.dark-mode) .hero-feature-card .feature-icon {
  background: rgba(243, 147, 33, 0.15) !important;
  color: #f39321 !important;
}

body:not(.dark-mode) .hero-feature-card:hover {
  background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%) !important;
  border-color: rgba(243, 147, 33, 0.3) !important;
  transform: translateX(8px);
}

/* ========================================
   3. LIGHT MODE TRUST INDICATORS
   ======================================== */

body:not(.dark-mode) .trust-item {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

body:not(.dark-mode) .trust-item-title {
  color: #1f2937 !important;
}

body:not(.dark-mode) .trust-item-description {
  color: #6b7280 !important;
}

body:not(.dark-mode) .trust-item i {
  color: #f39321 !important;
}

body:not(.dark-mode) .trust-item:hover {
  background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%) !important;
  border-color: rgba(243, 147, 33, 0.3) !important;
}

/* ========================================
   4. LIGHT MODE KATEGORİ PİLLLERİ
   ======================================== */

body:not(.dark-mode) .category-pill-v2,
body:not(.dark-mode) .category-pill {
  background: #ffffff !important;
  color: #374151 !important;
  border: 2px solid #e5e7eb !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

body:not(.dark-mode) .category-pill-v2:hover,
body:not(.dark-mode) .category-pill:hover {
  background: #fff7ed !important;
  color: #ea580c !important;
  border-color: #f39321 !important;
}

body:not(.dark-mode) .category-pill-v2.active,
body:not(.dark-mode) .category-pill.active {
  background: linear-gradient(135deg, #f39321 0%, #ea580c 100%) !important;
  color: #ffffff !important;
  border-color: #f39321 !important;
}

/* ========================================
   5. LIGHT MODE HEADER & NAV
   ======================================== */

/* Light mode navbar links */
body:not(.dark-mode) .navbar-link,
body:not(.dark-mode) .nav-link,
body:not(.dark-mode) header a:not(.btn) {
  color: #374151 !important;
}

body:not(.dark-mode) .navbar-link:hover,
body:not(.dark-mode) .nav-link:hover,
body:not(.dark-mode) header a:not(.btn):hover {
  color: #f39321 !important;
}

/* ========================================
   6. LIGHT MODE BREADCRUMB
   ======================================== */

body:not(.dark-mode) .breadcrumb,
body:not(.dark-mode) .breadcrumb-item,
body:not(.dark-mode) .breadcrumb-item a {
  color: #6b7280 !important;
}

body:not(.dark-mode) .breadcrumb-item.active {
  color: #1f2937 !important;
}

body:not(.dark-mode) .breadcrumb-item + .breadcrumb-item::before {
  color: #9ca3af !important;
}

/* ========================================
   7. LIGHT MODE ÜRÜN LİSTESİ HEADER
   ======================================== */

body:not(.dark-mode) .products-header {
  background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
}

body:not(.dark-mode) .products-header-title {
  color: #ffffff;
}

/* ========================================
   8. LIGHT MODE TABLARİ
   ======================================== */

body:not(.dark-mode) .product-tabs-nav .nav-link {
  color: #6b7280 !important;
}

body:not(.dark-mode) .product-tabs-nav .nav-link:hover {
  color: #f39321 !important;
}

body:not(.dark-mode) .product-tabs-nav .nav-link.active {
  color: #1f2937 !important;
}

/* ========================================
   9. LIGHT MODE FILTER CHIPS
   ======================================== */

body:not(.dark-mode) .filter-chip {
  background: #ffffff !important;
  color: #475569 !important;
  border-color: #e2e8f0 !important;
}

body:not(.dark-mode) .filter-chip:hover,
body:not(.dark-mode) .filter-chip.active {
  background: #f39321 !important;
  color: #ffffff !important;
  border-color: #f39321 !important;
}

/* ========================================
   10. LIGHT MODE SORT DROPDOWN
   ======================================== */

body:not(.dark-mode) .sort-dropdown-premium,
body:not(.dark-mode) .form-select {
  background-color: #ffffff !important;
  color: #374151 !important;
  border-color: #e5e7eb !important;
}

/* ========================================
   11. LIGHT MODE İNLİNE SEARCH
   ======================================== */

body:not(.dark-mode) .inline-search-bar input {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #1f2937 !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

body:not(.dark-mode) .inline-search-bar input::placeholder {
  color: #9ca3af !important;
}

/* ========================================
   12. LIGHT MODE HOMEPAGE SECTİONLARI
   ======================================== */

/* Best Sellers Section - Light Mode */
body:not(.dark-mode) #best-sellers {
  background: #f8fafc;
}

body:not(.dark-mode) .bestsellers-title {
  color: #1f2937 !important;
}

body:not(.dark-mode) .bestsellers-subtitle {
  color: #6b7280 !important;
}

body:not(.dark-mode) .bestseller-product-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
}

body:not(.dark-mode) .bestseller-product-title a {
  color: #1f2937 !important;
}

body:not(.dark-mode) .bestseller-product-category {
  color: #6b7280 !important;
}

/* Customer Reviews Section - Light Mode */
body:not(.dark-mode) #customer-reviews {
  background: #ffffff;
}

body:not(.dark-mode) .reviews-title {
  color: #1f2937 !important;
}

body:not(.dark-mode) .reviews-subtitle {
  color: #6b7280 !important;
}

body:not(.dark-mode) .testimonial-card {
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
}

body:not(.dark-mode) .testimonial-text {
  color: #374151 !important;
}

body:not(.dark-mode) .testimonial-author-name {
  color: #1f2937 !important;
}

body:not(.dark-mode) .testimonial-author-location {
  color: #6b7280 !important;
}

/* ========================================
   13. LIGHT MODE - SHOP INDEX TİPS
   ======================================== */

/* Shop kategori kartları */
body:not(.dark-mode) .category-card-modern {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
}

body:not(.dark-mode) .category-title-modern {
  color: #1f2937 !important;
}

body:not(.dark-mode) .category-description {
  color: #6b7280 !important;
}

body:not(.dark-mode) .category-product-count {
  color: #6b7280 !important;
  background: rgba(107, 114, 128, 0.08) !important;
}

/* ========================================
   14. WHY CHOOSE US - LIGHT MODE OVERRIDE
   (Classic Light / Light Mode Templates)
   ======================================== */

/* Why Choose Us section - Light Mode için beyaz/açık temaya dönüştür */
.template-classic-light #why-choose-us,
.light-mode #why-choose-us,
body.light-mode #why-choose-us {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 50%, #f8f9fa 100%) !important;
}

.template-classic-light #why-choose-us::before,
.light-mode #why-choose-us::before,
body.light-mode #why-choose-us::before {
  background: linear-gradient(to right, transparent, rgba(243, 147, 33, 0.2), transparent) !important;
}

.template-classic-light #why-choose-us::after,
.light-mode #why-choose-us::after,
body.light-mode #why-choose-us::after {
  background: linear-gradient(to right, transparent, rgba(243, 147, 33, 0.15), transparent) !important;
}

/* Background Orbs - Light Mode */
.template-classic-light #why-choose-us .container::before,
.light-mode #why-choose-us .container::before {
  background: radial-gradient(circle, rgba(243, 147, 33, 0.08) 0%, transparent 70%) !important;
}

.template-classic-light #why-choose-us .container::after,
.light-mode #why-choose-us .container::after {
  background: radial-gradient(circle, rgba(243, 147, 33, 0.05) 0%, transparent 70%) !important;
}

/* Section Header - Light Mode */
.template-classic-light .why-choose-title,
.light-mode .why-choose-title {
  color: #1f2937 !important;
}

.template-classic-light .why-choose-title::after,
.light-mode .why-choose-title::after {
  background: linear-gradient(90deg, transparent, #f39321, transparent) !important;
}

.template-classic-light .why-choose-subtitle,
.light-mode .why-choose-subtitle {
  color: #6b7280 !important;
}

/* Feature Cards - Light Mode */
.template-classic-light .why-choose-feature-card,
.light-mode .why-choose-feature-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.template-classic-light .why-choose-feature-card::after,
.light-mode .why-choose-feature-card::after {
  background: radial-gradient(circle, rgba(243, 147, 33, 0.05) 0%, transparent 70%) !important;
}

.template-classic-light .why-choose-feature-card:hover,
.light-mode .why-choose-feature-card:hover {
  background: #fff7ed !important;
  border-color: rgba(243, 147, 33, 0.4) !important;
  box-shadow:
    0 20px 40px rgba(0, 0, 0, 0.12),
    0 0 0 1px rgba(243, 147, 33, 0.2) !important;
}

/* Icon Container - Light Mode */
.template-classic-light .why-choose-icon-container,
.light-mode .why-choose-icon-container {
  background: linear-gradient(135deg, rgba(243, 147, 33, 0.15), rgba(243, 147, 33, 0.08)) !important;
  border: 2px solid rgba(243, 147, 33, 0.25) !important;
}

.template-classic-light .why-choose-feature-card:hover .why-choose-icon-container,
.light-mode .why-choose-feature-card:hover .why-choose-icon-container {
  background: linear-gradient(135deg, rgba(243, 147, 33, 0.25), rgba(243, 147, 33, 0.15)) !important;
  border-color: rgba(243, 147, 33, 0.4) !important;
}

/* Feature Title - Light Mode */
.template-classic-light .why-choose-feature-title,
.light-mode .why-choose-feature-title {
  color: #1f2937 !important;
}

.template-classic-light .why-choose-feature-card:hover .why-choose-feature-title,
.light-mode .why-choose-feature-card:hover .why-choose-feature-title {
  color: #f39321 !important;
}

/* Feature Description - Light Mode */
.template-classic-light .why-choose-feature-description,
.light-mode .why-choose-feature-description {
  color: #6b7280 !important;
}

.template-classic-light .why-choose-feature-card:hover .why-choose-feature-description,
.light-mode .why-choose-feature-card:hover .why-choose-feature-description {
  color: #374151 !important;
}

/* ========================================
   15. GENEL TEXT KONTRASTI
   ======================================== */

body:not(.dark-mode) .text-muted,
body:not(.dark-mode) .text-gray-400,
body:not(.dark-mode) .text-gray-500 {
  color: #6b7280 !important;
}

body:not(.dark-mode) .lead.text-muted {
  color: #4b5563 !important;
}

/* ========================================
   16. SHOP PAGE SPECIFIC
   ======================================== */

/* Shop hero section metnini düzgün göster */
.premium-hero .lead.text-gray-400 {
  color: rgba(156, 163, 175, 1) !important;
}

/* Stats altındaki metinler */
.premium-hero .small.text-gray-400 {
  color: rgba(156, 163, 175, 1) !important;
}

/* Trust 3D Kartları - Shop Page */
body:not(.dark-mode) .p-4.rounded-4.bg-white h6 {
  color: #1f2937 !important;
}

body:not(.dark-mode) .p-4.rounded-4.bg-white small {
  color: #6b7280 !important;
}

/* ========================================
   17. MAĞAZA FİLTRELEME & SIDEBAR
   ======================================== */

body:not(.dark-mode) .glass-filter-sidebar {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
}

body:not(.dark-mode) .filter-group-title {
  color: #1f2937 !important;
}

body:not(.dark-mode) .platform-card {
  background: #f8fafc !important;
  color: #374151 !important;
  border: 2px solid #e5e7eb !important;
}

body:not(.dark-mode) .platform-card:hover,
body:not(.dark-mode) .platform-selector input:checked + .platform-card {
  border-color: #f39321 !important;
  background: #fff7ed !important;
}

body:not(.dark-mode) .custom-checkbox-item {
  color: #374151 !important;
}

body:not(.dark-mode) .custom-checkbox-item:hover {
  background: #f8fafc !important;
}

/* ========================================
   18. MODAL & DIALOG FIXES
   ======================================== */

body:not(.dark-mode) .modal-content {
  background: #ffffff !important;
  color: #1f2937 !important;
}

body:not(.dark-mode) .modal-header {
  border-bottom-color: #e5e7eb !important;
}

body:not(.dark-mode) .modal-footer {
  border-top-color: #e5e7eb !important;
}

/* ========================================
   19. MOBILE FILTER SHEET
   ======================================== */

body:not(.dark-mode) .mobile-filter-body {
  background: #ffffff !important;
}

body:not(.dark-mode) .mobile-category-item {
  background: #f8fafc !important;
  color: #334155 !important;
}

body:not(.dark-mode) .mobile-category-item:hover,
body:not(.dark-mode) .mobile-category-item.active {
  background: rgba(243, 147, 33, 0.1) !important;
  color: #f39321 !important;
}

body:not(.dark-mode) .mobile-sort-item {
  background: #f8fafc !important;
  color: #334155 !important;
}

body:not(.dark-mode) .mobile-sort-item:hover,
body:not(.dark-mode) .mobile-sort-item.active {
  background: rgba(243, 147, 33, 0.1) !important;
  color: #f39321 !important;
}

/* ========================================
   20. FOOTER LIGHT MODE
   ======================================== */

/* Footer genellikle dark kalır, bu kısım opsiyonel */

/* ========================================
   21. BUTTON OVERRIDES
   ======================================== */

body:not(.dark-mode) .btn-outline-light {
  color: #374151 !important;
  border-color: #e5e7eb !important;
}

body:not(.dark-mode) .btn-outline-light:hover {
  background: #f3f4f6 !important;
  color: #1f2937 !important;
}

/* ========================================
   22. CARD HOVER STATES
   ======================================== */

body:not(.dark-mode) .product-card-v3 {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
}

body:not(.dark-mode) .product-card-v3:hover {
  border-color: #f39321 !important;
  box-shadow: 0 10px 30px rgba(243, 147, 33, 0.15) !important;
}

body:not(.dark-mode) .product-card-v3 .product-title a {
  color: #1f2937 !important;
}

body:not(.dark-mode) .product-card-v3 .product-category {
  color: #6b7280 !important;
}

/* ========================================
   23. INPUT & FORM ELEMENTS
   ======================================== */

body:not(.dark-mode) input:not([type="checkbox"]):not([type="radio"]),
body:not(.dark-mode) textarea,
body:not(.dark-mode) select {
  background-color: #ffffff !important;
  color: #1f2937 !important;
  border-color: #e5e7eb !important;
}

body:not(.dark-mode) input::placeholder,
body:not(.dark-mode) textarea::placeholder {
  color: #9ca3af !important;
}

/* ========================================
   24. ALERTS & NOTIFICATIONS
   ======================================== */

body:not(.dark-mode) .alert {
  border-width: 1px !important;
}

body:not(.dark-mode) .alert-success {
  background-color: #f0fdf4 !important;
  color: #166534 !important;
  border-color: #86efac !important;
}

body:not(.dark-mode) .alert-warning {
  background-color: #fffbeb !important;
  color: #92400e !important;
  border-color: #fcd34d !important;
}

body:not(.dark-mode) .alert-danger {
  background-color: #fef2f2 !important;
  color: #991b1b !important;
  border-color: #fca5a5 !important;
}

body:not(.dark-mode) .alert-info {
  background-color: #eff6ff !important;
  color: #1e40af !important;
  border-color: #93c5fd !important;
}