/* 
   ⚠️ FORCE WHITE TEXT ON CLOSE BUTTONS - NUCLEAR OPTION ⚠️ 
   Bu dosya, diğer tüm stilleri ezmek ve kapat butonlarının 
   kesinlikle beyaz yazı rengine sahip olmasını sağlamak için oluşturulmuştur.
*/

/* 
   Tüm olası ID'ler ve Class'lar
   Specificity: 0-2-2 (Attribute + ID + Class) -> Çok Yüksek
   !important ile desteklenmiştir.
*/
html[data-theme="light"] body #closeColorModal,
html[data-theme="light"] body #closeProductDetail,
html[data-theme="light"] body #closePrintRequests,
html[data-theme="light"] body #closeOrdersModal,
html[data-theme="light"] body #closeFavoritesModal,
html[data-theme="light"] body #closeCartBtn,
html[data-theme="light"] body #closeLoginModal,
/* Added Login Modal Close Button */
html[data-theme="light"] body #closeRegisterModal,
/* Added Register Modal Close Button */
html[data-theme="light"] body #closeProfileModal,
/* Added Profile Modal Close Button */
html[data-theme="light"] body #closePasswordModal,
/* Added Password Modal Close Button */
html[data-theme="light"] body #closeAddressModal,
/* Added Address Modal Close Button */
html[data-theme="light"] body #addressModal #closeAddressModal,
/* 🔥 HYPER SPECIFIC OVERRIDE */
html[data-theme="light"] body #closeAboutModal,
/* Added About Modal Close Button */
html[data-theme="light"] body .modal-product .btn.close,
html[data-theme="light"] body #colorModal .cancel-btn,
html[data-theme="light"] body .product-actions .btn.close,
html[data-theme="light"] body .product-actions .btn.close-btn {
    color: #ffffff !important;
    /* BEYAZ YAZI - KESİN */
    background-color: #555555 !important;
    /* KOYU GRİ ARKA PLAN */
    border: 2px solid #555555 !important;
    border-radius: 50px !important;
    /* HAP ŞEKLİ */
    padding: 10px 20px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    opacity: 1 !important;
    text-shadow: none !important;
    /* Gölgelendirmeyi kaldır */
    -webkit-text-fill-color: #ffffff !important;
    /* Webkit browserlar için */
}

/* Hover Durumu */
html[data-theme="light"] body #closeColorModal:hover,
html[data-theme="light"] body #closeProductDetail:hover,
html[data-theme="light"] body #closePrintRequests:hover,
html[data-theme="light"] body #closeOrdersModal:hover,
html[data-theme="light"] body #closeFavoritesModal:hover,
html[data-theme="light"] body #closeCartBtn:hover,
html[data-theme="light"] body #closeLoginModal:hover,
/* Added Login Modal Close Button */
html[data-theme="light"] body #closeRegisterModal:hover,
/* Added Register Modal Close Button */
html[data-theme="light"] body #closeProfileModal:hover,
/* Added Profile Modal Close Button */
html[data-theme="light"] body #closePasswordModal:hover,
/* Added Password Modal Close Button */
html[data-theme="light"] body #closeAddressModal:hover,
/* Added Address Modal Close Button */
html[data-theme="light"] body #addressModal #closeAddressModal:hover,
/* 🔥 HYPER SPECIFIC OVERRIDE */
html[data-theme="light"] body #closeAboutModal:hover,
/* Added About Modal Close Button */
html[data-theme="light"] body .modal-product .btn.close:hover,
html[data-theme="light"] body #colorModal .cancel-btn:hover,
html[data-theme="light"] body .product-actions .btn.close:hover,
html[data-theme="light"] body .product-actions .btn.close-btn:hover {
    color: #ffffff !important;
    /* Hoverda da BEYAZ */
    background-color: #4db8ff !important;
    /* MAVİ ARKA PLAN */
    border-color: #4db8ff !important;
    transform: translateY(-1px) !important;
}

/*
   LOGIN & REGISTER MODAL HELPER TEXT FIX
   "Üye değil misiniz?", "Şifrenizi mi unuttunuz?" ve "Zaten üye misiniz?" yazılarını koyulaştır
*/
html[data-theme="light"] body #loginModal p,
html[data-theme="light"] body #registerModal p {
    color: #444 !important;
    /* Daha koyu gri */
    font-weight: 500 !important;
}

/* 
   MODAL TITLES VISIBILITY FIX
   Profil ve Şifre modallarının başlıklarını koyu yap (Light Theme)
*/
/* 
   MODAL TITLES VISIBILITY FIX
   Profil ve Şifre modallarının başlıklarını koyu yap (Light Theme)
*/
html[data-theme="light"] body #profileModal h2,
html[data-theme="light"] body #passwordModal h2 {
    color: #333 !important;
    /* Koyu Gri */
    border-bottom: 2px solid #eee !important;
    padding-bottom: 10px !important;
}

/* 
   🔥 ADDRESS MODAL Z-INDEX FIX - ABSOLUTE MAX 
   3D Baskı ve diğer tüm popupların üzerinde çıkması için
*/
#addressModal {
    z-index: 2147483640 !important;
    position: fixed !important;
}

/*
   PROFILE EMAIL INPUT VISIBILITY FIX
   Disabled email inputunun okunabilir olmasını sağla
*/
html[data-theme="light"] body #profileEmail {
    color: #333 !important;
    /* Koyu Gri Yazı */
    background-color: #e9ecef !important;
    /* Açık Gri Arka Plan */
    border: 1px solid #ced4da !important;
    opacity: 1 !important;
    /* Browser'ın soldurmasını engelle */
    -webkit-text-fill-color: #333 !important;
    /* Webkit override */
    font-weight: 500 !important;
}

/*
   ADDRESS MODAL FIX
   Adres modalı inputları, selectleri ve başlığı için düzenleme
   Selectlerdeki hardcoded dark bg'yi ezmek için.
*/
html[data-theme="light"] body #addressModal h2,
html[data-theme="light"] body #aboutModal h2 {
    color: #333 !important;
}

/* 
   ADDRESS MODAL LAYER FIX (3D BASKI POPUP ÜSTÜNE ÇIKSIN)
   3D Baskı popup z-index: 999999 olduğu için bunu 1 milyon yapıyoruz.
*/
/* Removed duplicate addressModal z-index rule */

html[data-theme="light"] body #addressModal input,
html[data-theme="light"] body #addressModal select,
html[data-theme="light"] body #passwordModal input {
    background-color: #fff !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
}

html[data-theme="light"] body #addressModal label {
    color: #333 !important;
}

html[data-theme="light"] body #addressModal p {
    color: #666 !important;
}

/* 
   ADDRESS MODAL ACTION BUTTONS FIX
   Kaydet/Güncelle ve Yeni butonlarının hover efektini eşitle
   User request: "kaydet veya güncelle hoveri yenideki gibi olsun"
*/
/* 
   ADDRESS MODAL ACTION BUTTONS FIX
   Kaydet/Güncelle ve Yeni butonlarının hover efektini eşitle
   User request: "kaydet veya güncelle hoveri yenideki gibi olsun"
   Hem Açık hem Koyu tema için geçerli olsun
*/
html[data-theme="light"] body #addressModal #saveAddressBtn:hover,
html[data-theme="light"] body #addressModal #newAddressBtn:hover,
html[data-theme="dark"] body #addressModal #saveAddressBtn:hover,
html[data-theme="dark"] body #addressModal #newAddressBtn:hover {
    background-color: #fff !important;
    color: #4db8ff !important;
    border: 1px solid #4db8ff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(77, 184, 255, 0.4) !important;
}

/* 
   ADDRESS MODAL CONTENT FIX 
   Pencerenin net belli olması için
   Tailwind'in .bg-white sınıfını hedefliyoruz (modal yapısında var)
*/

/* 
   🎨 MODAL BORDER STANDARDIZATION 
   "3D Baskı" modalı ile aynı incelik ve stilde (1px solid subtle)
*/

/* DARK MODE / DEFAULT */
#loginModal .modal-content,
#registerModal .modal-content {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
}

/* 🔵 PROFILE & ADDRESS MODALS - BLUE BORDER */
#profileModal .modal-content,
#addressModal .bg-white {
    border: 1px solid #4db8ff !important;
    /* Blue border as requested */
    border-radius: 12px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
}

/* LIGHT MODE OVERRIDES */
html[data-theme="light"] body #loginModal .modal-content,
html[data-theme="light"] body #registerModal .modal-content,
html[data-theme="light"] body #profileModal .modal-content,
html[data-theme="light"] body #addressModal .bg-white {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    /* Black-tint for visibility on white */
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
}

/* 
   Eski kuralları temizle veya ez
*/
/* 
   ADDRESS LIST ITEM & HOVER FIX 
   Adres kartları ve hover durumları
*/
html[data-theme="light"] body #addressModal .address-item {
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 10px !important;
    margin-bottom: 8px !important;
    background: #fff !important;
    color: #333 !important;
    transition: all 0.2s ease !important;
}

html[data-theme="light"] body #addressModal .address-item:hover {
    background-color: #e3f2fd !important;
    /* Açık Mavi Hover */
    border-color: #4db8ff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Başlıklar ve Metinler */
html[data-theme="light"] body #addressModal .address-header strong {
    color: #000 !important;
    /* Başlık Simsiyah */
    font-size: 1.05rem !important;
}

html[data-theme="light"] body #addressModal .address-line {
    color: #555 !important;
}

html[data-theme="light"] body #addressModal .default-badge {
    color: #2e7d32 !important;
    /* Yeşil tonu */
    font-weight: bold !important;
}

/* Input Placeholderları Okunur Yap */
html[data-theme="light"] body #addressModal input::placeholder,
html[data-theme="light"] body #addressModal select::placeholder,
html[data-theme="light"] body #passwordModal input::placeholder {
    color: #666 !important;
    opacity: 1 !important;
}

html[data-theme="light"] body #addressModal select {
    color: #333 !important;
    /* Dropdown yazı rengi */
}

/* İçerik elemanlarını da zorla (span, i, vb.) */
html[data-theme="light"] body #closeColorModal *,
html[data-theme="light"] body #closeProductDetail *,
html[data-theme="light"] body #closePrintRequests *,
html[data-theme="light"] body #closeOrdersModal *,
html[data-theme="light"] body #closeFavoritesModal *,
html[data-theme="light"] body #closeCartBtn *,
html[data-theme="light"] body #closeLoginModal *,
/* Added Login Modal Close Button */
html[data-theme="light"] body #closeRegisterModal *,
/* Added Register Modal Close Button */
html[data-theme="light"] body #closeProfileModal *,
/* Added Profile Modal Close Button */
html[data-theme="light"] body #closePasswordModal *,
/* Added Password Modal Close Button */
html[data-theme="light"] body #closeAddressModal *,
/* Added Address Modal Close Button */
html[data-theme="light"] body .modal-product .btn.close *,
html[data-theme="light"] body #colorModal .cancel-btn *,
html[data-theme="light"] body .product-actions .btn.close *,
html[data-theme="light"] body .product-actions .btn.close-btn * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* 
   ⚠️ SİLME & ONAY MODALLARI - LIGHT THEME FIX ⚠️
   Koyu arka planı beyaz yap, yazıları koyu yap
*/
html[data-theme="light"] body #confirmDeleteModal>div,
html[data-theme="light"] body #customConfirmOverlay>div {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
    color: #333 !important;
}

html[data-theme="light"] body #confirmDeleteModal h3,
html[data-theme="light"] body #customConfirmOverlay h3 {
    color: #222 !important;
}

html[data-theme="light"] body #confirmDeleteModal p,
html[data-theme="light"] body #customConfirmOverlay p {
    color: #666 !important;
}

/* Cancel Button Styling inside Confirm Modals for Light Theme */
html[data-theme="light"] body #confirmDeleteModal #confirmNo,
html[data-theme="light"] body #customConfirmOverlay button:nth-child(1) {
    /* Assuming first button is NO/Cancel */
    /* Adjust selectors if needed */
}

/*
    📦 SİPARİŞ LİSTESİ - LIGHT THEME FIX
    user-orders.js tarafından oluşturulan .modern-order-card ve içeriği için
    inline style'ları EZEN kurallar.
*/
html[data-theme="light"] body .modern-order-card {
    background: #ffffff !important;
    /* JS'deki #1e1e28'i ez */
    border: 1px solid #ddd !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    color: #333 !important;
    margin-bottom: 20px !important;
    border-radius: 12px !important;
    padding: 16px !important;
}

/* Header */
html[data-theme="light"] body .modern-order-card .moc-header {
    border-bottom: 1px solid #ccc !important;
    /* Darker border */
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
}

/* Footer (Action Buttons) */
html[data-theme="light"] body .modern-order-card .moc-footer {
    border-top: 1px solid #ccc !important;
    /* Distinct top border */
    padding-top: 15px !important;
    margin-top: 15px !important;
}

/* Tarih / Sipariş No */
html[data-theme="light"] body .modern-order-card .moc-date {
    color: #222 !important;
    /* JS'deki color: #fff'i ez */
    font-weight: 700 !important;
}

/* Body Info */
html[data-theme="light"] body .modern-order-card .moc-info-group label {
    color: #666 !important;
    /* Label rengi */
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
    display: block;
}

html[data-theme="light"] body .modern-order-card .moc-value {
    color: #111 !important;
    /* Değer rengi simsiyah */
    font-weight: 500 !important;
}

/* Fiyat */
html[data-theme="light"] body .modern-order-card .moc-value.price {
    color: #4db8ff !important;
    /* Fiyat mavi kalsın */
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}

/*
   📄 SİPARİŞ DETAY MODALI - LIGHT THEME FIX
*/
/* Left Section (Ürünler) */
html[data-theme="light"] body #orderDetailModal .detail-left {
    background: #ffffff !important;
    color: #333 !important;
}

html[data-theme="light"] body #orderDetailModal .detail-title {
    color: #111 !important;
    /* Başlıklar koyu */
}

html[data-theme="light"] body #orderDetailModal .detail-subtitle {
    color: #555 !important;
}

/* Item Frame (Ürün Kutusu) */
html[data-theme="light"] body #orderDetailModal .order-item-frame {
    background: #f8f9fa !important;
    /* Açık gri kutu */
    border: 1px solid #ccc !important;
    /* Darker border for visibility */
    color: #333 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    /* Added shadow */
}

/* Ürün Başlığı */
html[data-theme="light"] body #orderDetailModal .order-item-frame .order-item-title {
    color: #222 !important;
    /* Koyu başlık */
}

/* 🆕 FIX: Product Codes & Links (Dark Blue) */
html[data-theme="light"] body #orderDetailModal .order-item-info div[style*="color: #9aa4ff"],
html[data-theme="light"] body #orderDetailModal .order-item-info div[style*="color: #9aa4ff"] a {
    color: #0056b3 !important;
    /* Darker Blue */
    font-weight: 600 !important;
}

/* 🆕 FIX: Variant / Color (Previously Yellowish, now Dark) */
html[data-theme="light"] body #orderDetailModal .order-item-frame span[style*="color:#fff"],
html[data-theme="light"] body #orderDetailModal .order-item-info div[style*="color: #ffd24d"],
html[data-theme="light"] body #orderDetailModal .order-item-info div[style*="color: #ffd24d"] span,
html[data-theme="light"] body #orderDetailModal .order-item-info div[style*="color: #ff8c00"],
html[data-theme="light"] body #orderDetailModal .order-item-info div[style*="color: #ff8c00"] span {
    color: #d97706 !important;
    /* Turuncu kalmalı */
    font-weight: 500 !important;
}

/* 🆕 FIX: Quantity / Label (Previously Light Gray #ccc, now Dark) */
html[data-theme="light"] body #orderDetailModal .order-item-info div[style*="color: #ccc"] {
    color: #222 !important;
    /* Proper Black */
}

/* Fiyatlar */
html[data-theme="light"] body #orderDetailModal .order-item-right div[style*="color: #fff"] {
    color: #222 !important;
    /* Ürün toplam tutarı koyu */
}

/* Right Section (Bilgiler) */
html[data-theme="light"] body #orderDetailModal .detail-right {
    background: #f8f9fa !important;
    /* Sağ panel biraz daha gri */
    border-left: 1px solid #ccc !important;
    /* Darker separator */
    color: #333 !important;
}

html[data-theme="light"] body #orderDetailModal .detail-info-box {
    background: #fff !important;
    border: 1px solid #aaa !important;
    /* Much darker border */
    color: #333 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    /* Stronger shadow */
}

html[data-theme="light"] body #orderDetailModal .detail-info-box .info-label {
    color: #666 !important;
}

html[data-theme="light"] body #orderDetailModal .detail-info-box div {
    color: #222 !important;
}

/* 🆕 FIX: Toplam Alanı (High Contrast) */
html[data-theme="light"] body #orderDetailModal .order-total-row,
html[data-theme="light"] body #orderDetailModal .order-total-row span {
    color: #111 !important;
    /* Black */
    font-weight: 600 !important;
}

/* 🆕 FIX: Discount Row (Dark Green) */
html[data-theme="light"] body #orderDetailModal .order-total-row.discount,
html[data-theme="light"] body #orderDetailModal .order-total-row.discount span {
    color: #2e7d32 !important;
    /* Dark Green */
}

/* 🆕 FIX: Total Amount (High Contrast Blue) */
html[data-theme="light"] body #orderDetailModal .order-total-amount {
    color: #007bff !important;
    /* Standard Blue */
    font-weight: 800 !important;
}

/* Notlar alanı içindeki textler */
html[data-theme="light"] body #orderDetailModal .detail-info-box div[style*="color: #fff"] {
    color: #333 !important;
}

/* Admin Notu Kutusu */
html[data-theme="light"] body #orderDetailModal div[style*="background: rgba(255, 255, 255, 0.05)"] {
    background: #f0f7ff !important;
    /* Çok açık mavi */
    border: 1px solid #cce5ff !important;
    color: #333 !important;
}

html[data-theme="light"] body #orderDetailModal div[style*="color: #fff"] {
    color: #333 !important;
    /* Genel beyaz text override */
}


/*
   📦 USER ORDER PRODUCT POPUP - LIGHT THEME FIX
   user-orders.js içindeki inline style'ları ezer.
*/
html[data-theme="light"] body #userOrderProductModal {
    background: rgba(255, 255, 255, 0.6) !important;
    /* Arka planı aç */
    backdrop-filter: blur(8px) !important;
}

html[data-theme="light"] body #userOrderProductModal>div,
html[data-theme="light"] body #userOrderProductModalContent {
    background: #ffffff !important;
    /* Kart arka planı beyaz */
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
    color: #333 !important;
}

/* Kapat Butonu */
html[data-theme="light"] body #userOrderProductModal button[id="userOrderProductModalClose"] {
    background: #f3f4f6 !important;
    color: #111827 !important;
    border: 1px solid #d1d5db !important;
    box-shadow: none !important;
}

html[data-theme="light"] body #userOrderProductModal button[id="userOrderProductModalClose"]:hover {
    background: #e5e7eb !important;
    color: #000 !important;
}

/* --- İÇERİK RENKLERİ (Cart Detail ile AYNI) --- */

/* 1. Ürün Kodu (Mavi) */
html[data-theme="light"] body #userOrderProductModal div[style*="color:#9aa4ff"],
html[data-theme="light"] body #userOrderProductModal div[style*="color: #9aa4ff"] {
    color: #3b82f6 !important;
    font-weight: 500 !important;
}

/* 2. Başlık (Siyah) */
html[data-theme="light"] body #userOrderProductModal h3,
html[data-theme="light"] body #userOrderProductModal div[style*="color:#4db8ff"],
html[data-theme="light"] body #userOrderProductModal div[style*="color: #4db8ff"] {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* 3. Renk Seçeneği (Turuncu) */
html[data-theme="light"] body #userOrderProductModal div[style*="color:#ffd24d"],
html[data-theme="light"] body #userOrderProductModal div[style*="color: #ffd24d"],
html[data-theme="light"] body #userOrderProductModal div[style*="color:#ff8c00"],
html[data-theme="light"] body #userOrderProductModal div[style*="color: #ff8c00"] {
    color: #d97706 !important;
    font-weight: 500 !important;
}

/* 4. Açıklamalar (Koyu Gri) */
html[data-theme="light"] body #userOrderProductModal p,
html[data-theme="light"] body #userOrderProductModal div[style*="color:#ddd"],
html[data-theme="light"] body #userOrderProductModal div[style*="color:#ccc"] {
    color: #4b5563 !important;
}

/* 5. Fiyatlar */

/* Eski Fiyat (Silik Gri) */
html[data-theme="light"] body #userOrderProductModal div[style*="text-decoration:line-through"] {
    color: #9ca3af !important;
}

/* Güncel Fiyat (Siyah) */
html[data-theme="light"] body #userOrderProductModal div[style*="color:#fff"],
html[data-theme="light"] body #userOrderProductModal div[style*="color: #fff"] {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* İndirim Tutarı (Mavi) */
html[data-theme="light"] body #userOrderProductModal div[style*="color:#4db8ff"] {
    color: #2563eb !important;
}

/* H3 olan #4db8ff kesinlikle Siyah olsun (Başlık) */
html[data-theme="light"] body #userOrderProductModal h3[style*="color:#4db8ff"],
html[data-theme="light"] body #userOrderProductModal h3[style*="color: #4db8ff"] {
    color: #000000 !important;
}


/*
   🔥 GLOBAL CONFIRM DELETE MODAL FIX
   Index ve Product sayfalarında silme onay penceresi her şeyin (adres modalı dahil) üstünde olmalı.
   Max z-index: 2147483647
*/
html body #confirmDeleteModal {
    z-index: 2147483647 !important;
}


/* 
   🛒 SEPET PANELİ DÜZENLEMESİ (Light Theme)
   Kenar çizgileri ve okunabilirlik iyileştirmesi
*/
html[data-theme="light"] body #cartPanel {
    background: #ffffff !important;
    border-left: 1px solid #d1d5db !important;
    /* Belirgin gri çizgi */
    box-shadow: -5px 0 25px rgba(0, 0, 0, 0.15) !important;
    /* Daha güçlü gölge */
}

/* Sepet içindeki ürün kartları */
html[data-theme="light"] body #cartPanel .cart-item {
    background: #fdfdfd !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 12px !important;
}

/* Sepet metin renkleri - Sarı/Beyaz sorunu çözümü */
html[data-theme="light"] body #cartPanel .cart-item-title {
    color: #1f2937 !important;
    /* Koyu gri/siyah */
    font-weight: 600 !important;
}

html[data-theme="light"] body #cartPanel .cart-item-code,
html[data-theme="light"] body #cartPanel .cart-item-code a {
    color: #4b5563 !important;
    /* Gri */
}

html[data-theme="light"] body #cartPanel .cart-item-color {
    color: #d97706 !important;
    /* Koyu turuncu/sarı (okunabilir) */
    font-weight: 500 !important;
}

html[data-theme="light"] body #cartPanel .cart-item-price {
    color: #111827 !important;
    /* Tam siyah */
    font-weight: 700 !important;
}

/* Sepet Özeti Kartı */
html[data-theme="light"] body #cartPanel .cart-summary-card {
    background: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
    color: #1f2937 !important;
}

html[data-theme="light"] body #cartPanel .cart-summary-label {
    color: #4b5563 !important;
}


/* ÖZEL RENKLER: Toplam İndirim (Mavi) ve Net Tutar (Turuncu) */
html[data-theme="light"] body #cartPanel .cart-summary-row.discount,
html[data-theme="light"] body #cartPanel .cart-summary-row.discount .cart-summary-value,
html[data-theme="light"] body #cartPanel .cart-summary-row.discount .cart-summary-label {
    color: #2563eb !important;
    /* Koyu Mavi */
    font-weight: 600 !important;
}

html[data-theme="light"] body #cartPanel .cart-summary-row.net,
html[data-theme="light"] body #cartPanel .cart-summary-row.net .cart-summary-value,
html[data-theme="light"] body #cartPanel .cart-summary-row.net .cart-summary-label {
    color: #d97706 !important;
    /* Turuncu (Amber-600) */
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}


/* 
   🔍 SEPET DETAY POPUP DÜZENLEMESİ (#cartDetailModal)
   Görsel referansa göre renkler düzenlendi:
   - Ürün Kodu: Mavi
   - Başlık: Siyah
   - Renk: Turuncu
   - Eski Fiyat: Gri (Çizgili)
   - Güncel Fiyat: Siyah (Kalın)
   - İndirim: Mavi
*/
html[data-theme="light"] body #cartDetailModal {
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(8px) !important;
}

html[data-theme="light"] body #cartDetailModal>div {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
    color: #333 !important;
}

/* Kapat butonu */
html[data-theme="light"] body #cartDetailModal button[id="cartDetailModalClose"] {
    background: #f3f4f6 !important;
    color: #111827 !important;
    border: 1px solid #d1d5db !important;
}

html[data-theme="light"] body #cartDetailModal button[id="cartDetailModalClose"]:hover {
    background: #e5e7eb !important;
}

/* --- İÇERİK RENKLERİ (Inline style override) --- */

/* 1. Ürün Kodu (Mavi) */
html[data-theme="light"] body #cartDetailModal div[style*="color:#9aa4ff"],
html[data-theme="light"] body #cartDetailModal div[style*="color: #9aa4ff"] {
    color: #3b82f6 !important;
    /* Standart Link Mavisi */
    font-weight: 500 !important;
}

/* 2. Başlık (Siyah) */
html[data-theme="light"] body #cartDetailModal h3,
html[data-theme="light"] body #cartDetailModal div[style*="color:#4db8ff"],
html[data-theme="light"] body #cartDetailModal div[style*="color: #4db8ff"] {
    color: #000000 !important;
    /* Tam Siyah */
    font-weight: 700 !important;
}

/* 3. Renk Seçeneği (Turuncu) */
html[data-theme="light"] body #cartDetailModal div[style*="color:#ffd24d"],
html[data-theme="light"] body #cartDetailModal div[style*="color: #ffd24d"],
html[data-theme="light"] body #cartDetailModal div[style*="color:#ff8c00"],
html[data-theme="light"] body #cartDetailModal div[style*="color: #ff8c00"] {
    color: #d97706 !important;
    /* Koyu Turuncu */
    font-weight: 500 !important;
}

/* 4. Açıklamalar (Koyu Gri) */
html[data-theme="light"] body #cartDetailModal p,
html[data-theme="light"] body #cartDetailModal div[style*="color:#ddd"],
html[data-theme="light"] body #cartDetailModal div[style*="color:#ccc"] {
    color: #4b5563 !important;
    /* Gri-600 */
}

/* 5. Fiyatlar */

/* Eski Fiyat (Silik Gri) */
html[data-theme="light"] body #cartDetailModal div[style*="text-decoration:line-through"] {
    color: #9ca3af !important;
    /* Gri-400 */
}

/* Güncel Fiyat (Siyah) */
html[data-theme="light"] body #cartDetailModal div[style*="color:#fff"],
html[data-theme="light"] body #cartDetailModal div[style*="color: #fff"] {
    color: #000000 !important;
    /* Siyah */
    font-weight: 700 !important;
}

/* İndirim Tutarı (Mavi) */
html[data-theme="light"] body #cartDetailModal div[style*="color:#4db8ff"] {
    /* Başlık ile çakışabilir ama genellikle fiyat bloğu ayrıdır. 
       Eğer başlık da #4db8ff ise yukarıdaki kural onu siyah yapar.
       Burada spesifik olarak "İndirim:" yazan bloğu hedeflememiz gerekebilir 
       ama inline style yapısında class yoksa genel #4db8ff kuralı baskın gelebilir.
       Cart.js'e bakarak indirim satırının yapısını hatırlayalım:
       <div style="color:#4db8ff;">İndirim: ...</div>
       Başlık: <h3 style="... color:#4db8ff; ...">
       
       ÇÖZÜM: h3 tagi siyah olsun, div olanlar mavi kalsın (veya tam tersi).
    */
    color: #2563eb !important;
    /* Mavi */
}

/* H3 olan #4db8ff kesinlikle Siyah olsun (Başlık) */

/* 
   📦 USER ORDER PRODUCT POPUP - LIGHT THEME FIX
   (Cart Modal ile aynı renk şemasına güncellendi)
*/
html[data-theme="light"] body #userOrderProductModal {
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(8px) !important;
}

html[data-theme="light"] body #userOrderProductModal>div {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
    color: #333 !important;
}

/* Butonlar */
html[data-theme="light"] body #userOrderProductModal>div button {
    background: #f3f4f6 !important;
    color: #111827 !important;
    border: 1px solid #d1d5db !important;
}

html[data-theme="light"] body #userOrderProductModal>div button:hover {
    background: #e5e7eb !important;
}

/* Kapat Butonu Override */
html[data-theme="light"] body #userOrderProductModal #userOrderProductModalClose {
    background: #f3f4f6 !important;
    color: #111827 !important;
    box-shadow: none !important;
}

/* --- İÇERİK RENKLERİ (Sipariş Popup + Checkout Popup BİREBİR AYNI) --- */

/* 1. Başlık (Siyah) */
html[data-theme="light"] body #userOrderProductModal h3,
html[data-theme="light"] body #checkoutProductModal h3 {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* 2. Linkler / Kodlar (Mavi) */
html[data-theme="light"] body #userOrderProductModal a,
html[data-theme="light"] body #checkoutProductModal a {
    color: #3b82f6 !important;
    font-weight: 500 !important;
}

/* 3. Açıklamalar (Gri) */
html[data-theme="light"] body #userOrderProductModal p,
html[data-theme="light"] body #checkoutProductModal p {
    color: #4b5563 !important;
}

/* 4. Renk ve Fiyat Override */

/* Eski Fiyat (Silik Gri) */
html[data-theme="light"] body #userOrderProductModal div[style*="text-decoration:line-through"],
html[data-theme="light"] body #checkoutProductModal div[style*="text-decoration:line-through"] {
    color: #9ca3af !important;
    font-size: 0.95rem !important;
    margin-bottom: 4px !important;
}

/* Genel Beyaz Metinler -> Siyah (Güncel Fiyat Dahil) */
html[data-theme="light"] body #userOrderProductModal div[style*="color:rgba(255,255,255,0.9)"],
html[data-theme="light"] body #userOrderProductModal div[style*="color:#ddd"],
html[data-theme="light"] body #userOrderProductModal div[style*="color: #fff"],
html[data-theme="light"] body #userOrderProductModal div[style*="color:#fff"],
html[data-theme="light"] body #checkoutProductModal div[style*="color:#ddd"],
html[data-theme="light"] body #checkoutProductModal div[style*="color: #fff"],
html[data-theme="light"] body #checkoutProductModal div[style*="color:#fff"] {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* İndirim veya Mavi Metinler -> Mavi */
html[data-theme="light"] body #userOrderProductModal div[style*="color:#4db8ff"],
html[data-theme="light"] body #checkoutProductModal div[style*="color:#4db8ff"] {
    color: #2563eb !important;
    font-size: 0.95rem !important;
    margin-top: 0 !important;
}

/* 🔥 CHECKOUT İNDİRİM LINE — Sipariş detayıyla BİREBİR AYNI */
html[data-theme="light"] body .checkout-indirim-line {
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    margin-top: 0 !important;
}

/* Renk Seçeneği (Turuncu) */
html[data-theme="light"] body #userOrderProductModal div[style*="color:#ffd24d"],
html[data-theme="light"] body #userOrderProductModal div[style*="color:#ff8c00"],
html[data-theme="light"] body #checkoutProductModal div[style*="color:#ff8c00"] {
    color: #d97706 !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    margin-bottom: 8px !important;
    line-height: 1.5 !important;
}

/* Ürün Kodu (Mavi) */
html[data-theme="light"] body #userOrderProductModal div[style*="color:#9aa4ff"],
html[data-theme="light"] body #checkoutProductModal div[style*="color:#9aa4ff"] {
    color: #3b82f6 !important;
    font-weight: 500 !important;
}

/* Fiyat Alanı Wrapper */
html[data-theme="light"] body #userOrderProductModal div[style*="margin-top:10px"] {
    margin-top: 6px !important;
    font-size: 0.95rem !important;
}

/* Güncel Fiyat */
html[data-theme="light"] body #userOrderProductModal div[style*="font-weight:bold"],
html[data-theme="light"] body #checkoutProductModal div[style*="font-weight:bold"] {
    font-size: 0.95rem !important;
    margin-bottom: 4px !important;
    margin-top: 0 !important;
}

/* 4. Açıklama Satırları (Description) */
/* user-orders.js'de line-height:1.5 ve margin-bottom:8px var. Cart'ta margin-bottom:6px */
html[data-theme="light"] body #userOrderProductModal p[style*="line-height:1.5"] {
    margin-bottom: 6px !important;
    font-size: 0.9rem !important;
}

/* 
   🗑️ SEPETİ BOŞALT BUTONU (Kırmızı)
   Kullanıcı isteği: Sepeti boşalt butonu kırmızı olsun, diğerleri aynı kalsın.
   Güncelleme: Kapat butonu ile aynı boyutta olsun, hover: beyaz zemin.
*/
#cartPanel #clearCart {
    background-color: #dc3545 !important;
    /* Bootstrap Danger Red */
    color: #ffffff !important;
    border: 1px solid #dc3545 !important;
    transition: all 0.3s ease;

    /* Boyut Eşitleme (Kapat butonu genellikle standart btn class'ı ile gelir) */
    padding: 8px 12px !important;
    /* Standart btn padding'i */
    min-width: 80px;
    /* Tahmini kapat butonu genişliği - gerekirse artırılır */
    height: auto !important;
    /* Yükseklik otomatik veya eşitlencek */
    /* Metin ortalama */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#cartPanel #clearCart:hover {
    background-color: #ffffff !important;
    /* Beyaz zemin */
    color: #dc3545 !important;
    /* Kırmızı yazı */
    border: 1px solid #dc3545 !important;
    /* Kırmızı kenarlık */
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.2);
}

/*
   🗑️ CHECKOUT SEPETİ BOŞALT BUTONU
   Sepet panelindeki clearCart butonu ile birebir aynı
*/
.btn-checkout-clear {
    background-color: #dc3545 !important;
    color: #ffffff !important;
    border: 1px solid #dc3545 !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 8px rgba(220, 53, 69, 0.3);
}

.btn-checkout-clear:hover {
    background-color: #ffffff !important;
    color: #dc3545 !important;
    border: 1px solid #dc3545 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.2);
}


/*
   🛒 CHECKOUT SAYFASI - LIGHT THEME FIX
   order-checkout.html'deki sepet ürün kartları ve popup penceresi
   Sipariş detayındaki (.order-item-frame) ile birebir aynı görünüm.
*/

/* Checkout Sepet Kartları (Order Item Frame) */
html[data-theme="light"] body .checkout-cart-list .order-item-frame {
    background: #f8f9fa !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

/* Ürün Başlığı */
html[data-theme="light"] body .checkout-cart-list .order-item-frame .order-item-title {
    color: #222 !important;
}

/* Ürün Kodu Linki */
html[data-theme="light"] body .checkout-cart-list .order-item-info div[style*="color: #9aa4ff"],
html[data-theme="light"] body .checkout-cart-list .order-item-info div[style*="color: #9aa4ff"] a {
    color: #0056b3 !important;
    font-weight: 600 !important;
}

/* Renk Bilgisi (Turuncu kalmalı) */
html[data-theme="light"] body .checkout-cart-list .order-item-info div[style*="color: #ff8c00"] {
    color: #d97706 !important;
    font-weight: 500 !important;
}

/* Adet / Gri Metin */
html[data-theme="light"] body .checkout-cart-list .order-item-info div[style*="color: #ccc"] {
    color: #222 !important;
}

/* Adet değer span (beyaz -> siyah) */
html[data-theme="light"] body .checkout-cart-list .order-item-info span[style*="color:#fff"] {
    color: #222 !important;
}

/* İndirim (Mavi) */
html[data-theme="light"] body .checkout-cart-list .order-item-info div[style*="color: #4db8ff"] {
    color: #2563eb !important;
}

/* Fiyat (Beyaz -> Siyah) */
html[data-theme="light"] body .checkout-cart-list .order-item-right div[style*="color: #fff"] {
    color: #222 !important;
}

/* Resim Kenarlığı */
html[data-theme="light"] body .checkout-cart-list .checkout-item-thumb {
    border: 1px solid #ccc !important;
}

/* === CHECKOUT PRODUCT POPUP === */
html[data-theme="light"] body #checkoutProductModal {
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(8px) !important;
}

html[data-theme="light"] body #checkoutProductModalContent {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
    color: #333 !important;
}

/* Kapat Butonu */
html[data-theme="light"] body #checkoutProductModalClose {
    background: #f3f4f6 !important;
    color: #111827 !important;
    border: 1px solid #d1d5db !important;
}

html[data-theme="light"] body #checkoutProductModalClose:hover {
    background: #e5e7eb !important;
}

/* (Checkout popup içerik kuralları yukarıda #userOrderProductModal ile birleştirildi) */

/*
   💰 CHECKOUT TOPLAM TUTARLARI - TURUNCU KALSIN
   Light modda da sepet tutarı ve genel toplam turuncu olmalı
*/
html[data-theme="light"] body #orderTotalText {
    color: #d97706 !important;
}

html[data-theme="light"] body #finalTotalValue {
    color: #d97706 !important;
}

/*
   📊 CHECKOUT HESAP ÖZETİ KUTUSU - LIGHT THEME FIX
   Ara Toplam, İndirim, Genel Toplam alanı
*/
html[data-theme="light"] body .checkout-summary-box {
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    color: #333 !important;
}

/* Discount satırları */
html[data-theme="light"] body .checkout-summary-box .discount-line {
    color: #333 !important;
}

html[data-theme="light"] body .checkout-summary-box .discount-line span {
    color: #333 !important;
}

/* İndirim satırları (yeşil/mavi) */
html[data-theme="light"] body .checkout-summary-box .discount-line.applied span {
    color: #2e7d32 !important;
}

/* Genel Toplam satırı */
html[data-theme="light"] body .checkout-summary-box .final-total-line {
    color: #111 !important;
    border-top: 1px dashed #ccc !important;
}

html[data-theme="light"] body .checkout-summary-box .final-total-line span {
    color: #111 !important;
}

/* Genel Toplam değeri turuncu kalmalı */
html[data-theme="light"] body .checkout-summary-box #finalTotalValue {
    color: #d97706 !important;
}

/* Kupon kodu yazısı ve silme (X) butonu */
html[data-theme="light"] body #couponDiscountRow,
html[data-theme="light"] body #couponDiscountRow span,
html[data-theme="light"] body #couponDiscountRow div,
html[data-theme="light"] body #couponDiscountLabel,
html[data-theme="light"] body #couponDiscountLabel span,
html[data-theme="light"] body #couponDiscountLabel div {
    color: #2e7d32 !important;
    -webkit-text-fill-color: #2e7d32 !important;
}

html[data-theme="light"] body #couponDiscountValue {
    color: #2e7d32 !important;
    -webkit-text-fill-color: #2e7d32 !important;
}

/* "Kupon Kodu" başlık yazısı (input üstündeki label) */
html[data-theme="light"] body label[for="couponInput"] {
    color: #333 !important;
    -webkit-text-fill-color: #333 !important;
}

/* "Vazgeç / Kapat" butonu - Sepetteki Kapat ile aynı */
.btn-cancel {
    background: #6c757d !important;
    color: #fff !important;
    border: 2px solid #6c757d !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 3px 8px rgba(108, 117, 125, 0.3);
}

.btn-cancel:hover {
    background: #4db8ff !important;
    border-color: #4db8ff !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

html[data-theme="light"] body .remove-coupon-btn-summary {
    background: #fee2e2 !important;
    color: #dc3545 !important;
    border: 1px solid #dc3545 !important;
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    margin-left: 6px !important;
}

html[data-theme="light"] body .remove-coupon-btn-summary:hover {
    background: #dc3545 !important;
    color: #fff !important;
}

html[data-theme="light"] body .remove-coupon-btn-summary svg {
    stroke: currentColor !important;
}

/*
   🎫 CHECKOUT KUPON KARTLARI - LIGHT THEME FIX
   Aktif ve pasif kuponların light modda okunabilir olması
*/

/* Kupon bölümü arka planı */
html[data-theme="light"] body .user-coupons-section {
    background: transparent !important;
}

/* Aktif (Usable) Kupon Kartı */
html[data-theme="light"] body .coupon-card-user.usable {
    background: #ffffff !important;
    border: 2px solid #4db8ff !important;
    color: #333 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] body .coupon-card-user.usable:hover {
    background: #e3f2fd !important;
    border-color: #2196f3 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(33, 150, 243, 0.2) !important;
}

/* Pasif (Disabled) Kupon Kartı */
html[data-theme="light"] body .coupon-card-user.disabled {
    background: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    color: #999 !important;
    opacity: 0.7;
}

html[data-theme="light"] body .coupon-card-user.disabled:hover {
    background: #f0f0f0 !important;
}

/* Kupon Kodu */
html[data-theme="light"] body .coupon-card-user .coupon-user-code {
    color: #222 !important;
    -webkit-text-fill-color: #222 !important;
}

html[data-theme="light"] body .coupon-card-user.disabled .coupon-user-code {
    color: #888 !important;
    -webkit-text-fill-color: #888 !important;
}

/* Kupon İndirim Bilgisi */
html[data-theme="light"] body .coupon-card-user .coupon-user-discount {
    color: #2563eb !important;
}

html[data-theme="light"] body .coupon-card-user.disabled .coupon-user-discount {
    color: #999 !important;
}

/* Kupon Min Tutar / Neden */
html[data-theme="light"] body .coupon-card-user .coupon-user-min {
    color: #666 !important;
}

html[data-theme="light"] body .coupon-card-user .coupon-user-reason {
    color: #999 !important;
}

/* Kupon mesajı */
html[data-theme="light"] body .coupon-msg {
    color: #333 !important;
}

html[data-theme="light"] body .coupon-msg.success {
    color: #2e7d32 !important;
}

html[data-theme="light"] body .coupon-msg.error {
    color: #dc3545 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   🧾 SİPARİŞLERİM & DEĞERLENDİRMELERİM - LIGHT THEME FIX
   ═══════════════════════════════════════════════════════════════════════════ */

/* 1. Modal Genel Arkaplan ve Metin */
html[data-theme="light"] body #ordersModal .modal-content,
html[data-theme="light"] body #myReviewsModal .modal-content,
html[data-theme="light"] body #favoritesModal .modal-content {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
}

html[data-theme="light"] body #ordersModal .print-requests-header h2,
html[data-theme="light"] body #myReviewsModal .print-requests-header h2 {
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* 2. Sekmeler (Tabs) */
html[data-theme="light"] body .review-tab-btn {
    background: #f1f5f9 !important;
    border: 2px solid #e2e8f0 !important;
    color: #64748b !important;
}

html[data-theme="light"] body .review-tab-btn:hover {
    background: #e2e8f0 !important;
    color: #1e293b !important;
}

html[data-theme="light"] body .review-tab-btn.active {
    background: #4db8ff !important;
    border-color: #4db8ff !important;
    color: #fff !important;
    font-weight: 700 !important;
}

/* 3. Ürün Kartları (Cards) */
html[data-theme="light"] body #myReviewsModal .print-item,
html[data-theme="light"] body #ordersModal .print-item,
html[data-theme="light"] body #favoritesModal .print-item {
    background: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    /* Kalınlaştırıldı ve belirginleştirildi */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    color: #334155 !important;
}

html[data-theme="light"] body #myReviewsModal .print-item:hover,
html[data-theme="light"] body #ordersModal .print-item:hover {
    border-color: #4db8ff !important;
    box-shadow: 0 6px 16px rgba(77, 184, 255, 0.2) !important;
    background: #fdfdfd !important;
}

/* Ürün Başlığı */
html[data-theme="light"] body .print-title {
    color: #000 !important;
    font-weight: 800 !important;
}

/* Detay Yazıları */
html[data-theme="light"] body .print-date {
    color: #64748b !important;
}

/* 4. Butonlar (Review / Değerlendir) */
html[data-theme="light"] body .print-btn {
    background: #6c757d !important;
    border: 2px solid #6c757d !important;
    color: #fff !important;
    font-weight: 700 !important;
}

html[data-theme="light"] body .print-btn:hover {
    background: #4db8ff !important;
    border-color: #4db8ff !important;
    color: #fff !important;
}

/* Onaylanan (Reviewed) Butonu - Değerlendir butonu ile aynı olsun */
html[data-theme="light"] body .print-btn.reviewed-btn {
    background: #6c757d !important;
    border: 2px solid #6c757d !important;
    color: #fff !important;
    font-weight: 700 !important;
}

html[data-theme="light"] body .print-btn.reviewed-btn:hover {
    background: #4db8ff !important;
    border-color: #4db8ff !important;
    color: #fff !important;
}

/* 5. Durum Etiketleri (Status Spans) */
/* "Değerlendir" Turuncusu */
html[data-theme="light"] body span[style*="color:#ffd24d"] {
    color: #ffa04d !important;
    /* Orange */
    font-weight: 900 !important;
}

/* "Onaylanan" Mavisi */
html[data-theme="light"] body span[style*="color:#4db8ff"] {
    color: #2563eb !important;
    /* Koyu Mavi */
}

/* 6. Değerlendirme Bloğu (Review Modal Detail) */

/* Başlık: Görüşünüz bizim için önemli */
html[data-theme="light"] body .product-review-block .review-header {
    background: #ff8c00 !important;
    /* Turuncu fon */
    color: #fff !important;
    text-shadow: none !important;
    padding: 12px 20px !important;
    border-radius: 10px !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 12px rgba(255, 140, 0, 0.3) !important;
}

/* Yıldız Etiketleri (Ürün Kalitesi vb.) */
html[data-theme="light"] body .product-review-block .rating-label {
    color: #1e293b !important;
    /* Daha koyu ve okunur */
    font-weight: 700 !important;
    font-size: 0.95rem !important;
}

/* Yıldızlar (Boş olanlar) */
html[data-theme="light"] body .product-review-block .rating-stars span {
    color: #94a3b8 !important;
    /* Daha koyu griye çekildi */
}

/* Yıldızlar (Dolu olanlar) */
html[data-theme="light"] body .product-review-block .rating-stars span.active {
    color: #ffa04d !important;
}

/* Yorum Alanı (Textarea) */
html[data-theme="light"] body .product-review-block .review-comment {
    background: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    color: #1e293b !important;
    padding: 15px !important;
    border-radius: 12px !important;
    font-size: 0.95rem !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] body .product-review-block .review-comment::placeholder {
    color: #94a3b8 !important;
}

/* Mevcut Yorum (Görüntüleme modunda) */
html[data-theme="light"] body .product-review-block .existing-comment {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    padding: 15px !important;
    font-size: 0.95rem !important;
    border-radius: 8px !important;
}

/* İnceleme Yıldızları ve Metni - MyReviewsModal içinde */
html[data-theme="light"] body #myReviewsModal .print-item div[style*="border-top:1px solid rgba(255,255,255,0.1)"] {
    border-top: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] body #myReviewsModal .print-item div[style*="color:#fff"] {
    color: #334155 !important;
    font-weight: 600 !important;
}

html[data-theme="light"] body #myReviewsModal .print-item div[style*="color:rgba(255,255,255,0.7)"] {
    color: #475569 !important;
}

/* 7. Ek Kontrast Düzeltmeleri (Inline Style Overrides) */

/* Müşteri Notu Başlığı (#b7c4ff -> Koyu Mavi) */
html[data-theme="light"] body span[style*="color:#b7c4ff"] {
    color: #2563eb !important;
    font-weight: 700 !important;
}

/* Review Block içindeki boş yıldızlar (JS inline style override: #444) */
html[data-theme="light"] body .rating-stars span[style*="color:#444"] {
    color: #94a3b8 !important;
}

/* Bilgi etiketleri (#ccc -> Koyu Gri) */
html[data-theme="light"] body .rating-label[style*="color:#ccc"] {
    color: #1e293b !important;
    font-weight: 700 !important;
}

/* Hidden class override visibility - En yüksek öncelik */
.hidden {
    display: none !important;
}

/* BUTON SENKRONİZASYONU: "Yorumu Kaydet" ve "Düzenle" -> .btn.success tasarımı gibi */
/* :not(.hidden) ekleyerek specificity çakışmasını önledik */

html body .btn-save-review:not(.hidden),
html body .btn-edit-review:not(.hidden) {
    background: #4db8ff !important;
    color: #fff !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    padding: 12px 24px !important;
    box-shadow: 0 4px 15px rgba(77, 184, 255, 0.3) !important;
    transition: all 0.3s ease !important;
    border: 1px solid transparent !important;
    display: table !important;
    /* Block gibi davranıp margin:auto ile ortalanması için */
    margin: 15px auto 0 !important;
    width: auto !important;
    min-width: 180px !important;
    text-align: center !important;
}

/* Kaydet butonu ince ayar (Geniş olsun istenirse) */
html body .btn-save-review:not(.hidden) {
    width: 100% !important;
    display: block !important;
}

/* Düzenle butonu parent (Beyaz temada net görünmesi için) */
html[data-theme="light"] body .existing-review {
    text-align: center !important;
    border-top: 1px solid #e2e8f0 !important;
}

html body .btn-save-review:hover,
html body .btn-edit-review:hover {
    background: #fff !important;
    color: #4db8ff !important;
    border: 1px solid #4db8ff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(77, 184, 255, 0.5) !important;
}

/* Düzenle butonu için çerçeve fix */
html body .btn-edit-review {
    border: 1px solid transparent !important;
}