/* الألوان الأساسية - فحمي وذهبي متوهج */
:root {
    --primary-bg-color: #121212; /* فحمي للخلفية */
    --primary-text-color: #ffffff; /* أبيض للنصوص */
    --accent-color: #D4AF37; /* ذهبي متوهج للعناصر المميزة والأزرار */
    --secondary-text-color: #aaaaaa; /* رمادي فاتح للنصوص الثانوية */
    --glow-shadow: 0 0 15px rgba(212, 175, 55, 0.6); /* تأثير التوهج الذهبي */
    --hover-glow-shadow: 0 0 25px rgba(212, 175, 55, 0.8);
}

/* الخطوط */
body {
    font-family: 'Tajawal', sans-serif;
    background-color: var(--primary-bg-color);
    color: var(--primary-text-color);
}

/* الهيدر (شريط التنقل العلوي) */
.s-header, .s-topbar {
    background-color: var(--primary-bg-color) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.s-header .s-header-nav-link, .s-topbar a {
    color: var(--primary-text-color) !important;
}

/* الأزرار */
.s-button, button {
    background-color: var(--accent-color) !important;
    color: var(--primary-bg-color) !important; /* نص الأزرار بلون فحمي لتباين أفضل */
    border-radius: 8px;
    padding: 10px 20px;
    border: none;
    transition: all 0.3s ease;
    box-shadow: var(--glow-shadow);
}

.s-button:hover, button:hover {
    background-color: #c09a2f !important;
    box-shadow: var(--hover-glow-shadow);
    transform: translateY(-2px);
}

/* بطاقات المنتجات */
.s-product-card {
    background-color: #1a1a1a; /* خلفية داكنة لبطاقات المنتجات */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    border: 1px solid rgba(212, 175, 55, 0.2); /* حدود ذهبية خفيفة */
}

.s-product-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--hover-glow-shadow);
}

.s-product-card .s-product-card-title {
    color: var(--primary-text-color);
}

.s-product-card .s-product-card-price {
    color: var(--accent-color);
    font-weight: bold;
}

/* الروابط */
a {
    color: var(--accent-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #e68a00;
    text-decoration: underline;
}

/* الفوتر (تذييل الصفحة) */
.s-footer {
    background-color: var(--primary-bg-color) !important;
    color: var(--secondary-text-color);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.s-footer a {
    color: var(--secondary-text-color);
}

.s-footer a:hover {
    color: var(--accent-color);
}

/* التبويبات (Tabs) */
.s-tabs-nav-item {
    color: var(--secondary-text-color) !important;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.s-tabs-nav-item.is-active {
    color: var(--accent-color) !important;
    border-bottom-color: var(--accent-color) !important;
}

.s-tabs-nav-item:hover {
    color: var(--accent-color) !important;
}

/* أيقونات */
.s-icon {
    color: var(--accent-color);
}

/* التمرير السلس (Smooth Scroll) - إذا كانت سلة تدعمها */
html {
    scroll-behavior: smooth;
}

/* تأثير التوهج على العناوين الرئيسية */
h1, h2, h3, h4, h5, h6 {
    text-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
}

/* 2. تعديل لون عنوان المنتج إلى اللون الذهبي الفخم المتناسق مع متجرك */
h1.product-details__title,
.product-details__title,
h1 {
    color: #dfb743 !important;
}

/* --- تعديلات حقل الكمية (صفحة تفاصيل المنتج) --- */
.product-details__quantity-input, .s-quantity-input, input[type="number"][name="quantity"] {
    color: #000000 !important; /* لون أسود */
    background-color: #ffffff !important; /* خلفية بيضاء */
    border: 1px solid #ccc !important; /* حدود رمادية */
}

/* --- تعديلات الأسعار في بطاقات المنتجات (الصفحة الرئيسية) --- */
/* استهداف حاوية السعر في بطاقة المنتج */
.s-product-card-content-sub, 
.s-product-card-sale-price, 
.s-product-card-starting-price {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 5px;
}

/* السعر الحالي (الرئيسي) في بطاقات المنتجات */
.s-product-card-sale-price h4, 
.s-product-card-starting-price h4,
.s-product-card-content-sub h4 {
    color: var(--accent-color) !important; /* لون ذهبي مميز */
    font-weight: bold !important;
    font-size: 1.2rem !important;
    margin: 0 !important;
}

/* السعر القديم (المشطوب) في بطاقات المنتجات */
.s-product-card-sale-price span, 
.s-product-card-content-sub span {
    color: var(--secondary-text-color) !important; /* لون رمادي فاتح */
    text-decoration: line-through !important;
    font-size: 0.9rem !important;
}

/* كلمة "يبدأ من" في بطاقات المنتجات */
.s-product-card-starting-price {
    color: #555555 !important; /* لون رمادي متوسط */
}

/* --- تعديلات صفحة السلة (لجعل النصوص سوداء على خلفية بيضاء) --- */
.s-cart-page, 
.s-cart-page *, 
.s-cart-summary, 
.s-cart-item__details * {
    color: #000000 !important; /* جعل جميع النصوص سوداء */
}

/* التأكد من أن حقول الإدخال في السلة تظهر بنصوص سوداء */
.s-cart-page input, .s-cart-page textarea, .s-cart-page select {
    color: #000000 !important;
    background-color: #ffffff !important; /* التأكد من أن الخلفية بيضاء */
}

/* أزرار السلة - إعادة اللون الذهبي مع نص أسود */
.s-cart-page .s-button, 
.s-cart-page button {
    color: var(--primary-bg-color) !important; /* نص الأزرار بلون فحمي لتباين أفضل */
    background-color: var(--accent-color) !important; /* لون ذهبي للأزرار */
}

/* --- تعديلات لصفحات المحتوى الثابت (مثل سياسة الخصوصية والاستخدام) --- */
/* استهداف حاويات المحتوى الرئيسية في الصفحات الثابتة */
.s-page-content, .s-page-content *,
.s-page-wrapper, .s-page-wrapper *,
.s-static-page, .s-static-page * {
    color: #000000 !important; /* جعل جميع النصوص سوداء */
}

/* التأكد من أن العناوين في الصفحات الثابتة تظهر باللون الأسود */
.s-page-content h1, .s-page-content h2, .s-page-content h3, .s-page-content h4, .s-page-content h5, .s-page-content h6 {
    color: #000000 !important;
}

/* التأكد من أن الروابط في الصفحات الثابتة تظهر بلون واضح (مثل الذهبي) */
.s-page-content a {
    color: var(--accent-color) !important;
}


.s-reviews-testimonial__text,
.s-reviews-testimonial__text p,
.s-reviews-testimonial__info,
.s-reviews-testimonial__info *,
.s-review-text,
.s-review-author {
    color: #ffffff !important; /* Pure white for readability */
}

.s-reviews-header,
.s-reviews-testimonial__name_wrapper h2,
.s-reviews-testimonial__name_wrapper h3 {
    color: #d4af37 !important; /* Gold for names and headers */
}

/* 2. Review Input Form & Modal */
/* Fixing the white-on-white issue in input fields */
.s-rating-modal,
.s-rating-modal .s-modal-body,
.s-rating-modal .s-modal-content {
    background-color: #1a1a1a !important;
}

.s-rating-modal input,
.s-rating-modal textarea,
.s-rating-modal .s-form-control,
.s-rating-modal .s-rating-stars-wrapper {
    background-color: #222222 !important; /* Dark background for inputs */
    color: #ffffff !important; /* White text when typing */
    border: 1px solid #444444 !important;
}

.s-rating-modal input:focus,
.s-rating-modal textarea:focus {
    border-color: #d4af37 !important; /* Gold border on focus */
}

.s-rating-modal label,
.s-rating-modal .s-rating-modal-title {
    color: #d4af37 !important; /* Gold labels */
}

/* 3. Filtering Sidebar & Widgets */
/* Styling the filters to be dark and organized */
.s-filters-widget-container,
.s-filters-widget-content,
.s-filters-widget-values {
    background-color: #111111 !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

.s-filters-widget-title {
    color: #d4af37 !important; /* Gold titles for filter sections */
    border-bottom: 1px solid #333 !important;
    margin-bottom: 10px !important;
}

.s-filters-option-name,
.s-filters-label,
.s-filters-label * {
    color: #ffffff !important; /* White text for filter options */
}

.s-filters-radio:checked + .s-filters-option-name {
    color: #d4af37 !important; /* Gold text when selected */
}