/* 
   Sdoll Custom CSS for Salla (Race Theme)
   Colors: Black (#000000) & Neon Green (#ccff00)
*/

:root {
    --main-color: #ccff00 !important;
    --primary-color: #ccff00 !important;
    --secondary-color: #1a1a1a !important;
    --bg-color: #000000 !important;
    --text-color: #ffffff !important;
}

/* تحسين خلفية المتجر */
body {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* تخصيص الهيدر (القائمة العلوية) */
.site-header {
    background-color: #000000 !important;
    border-bottom: 1px solid #ccff00 !important;
}

/* تخصيص الأزرار */
.btn-primary, .s-button-primary {
    background-color: #ccff00 !important;
    color: #000000 !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    transition: 0.3s ease-in-out !important;
}

.btn-primary:hover, .s-button-primary:hover {
    background-color: #ffffff !important;
    box-shadow: 0 0 15px #ccff00 !important;
}

/* تخصيص بطاقات المنتجات */
.product-card {
    background-color: #111111 !important;
    border: 1px solid #222222 !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    transition: transform 0.3s !important;
}

.product-card:hover {
    border-color: #ccff00 !important;
    transform: translateY(-5px) !important;
}

.product-card__title a {
    color: #ffffff !important;
}

.product-card__price {
    color: #ccff00 !important;
    font-size: 1.2rem !important;
}

/* تخصيص الفوتر (أسفل الصفحة) */
.site-footer {
    background-color: #0a0a0a !important;
    border-top: 2px solid #ccff00 !important;
}

/* تخصيص العناوين */
h1, h2, h3, h4, h5, h6 {
    color: #ccff00 !important;
}

/* إخفاء العناصر غير الضرورية لزيادة التركيز على الخدمات */
.s-comments-section {
    background: #111 !important;
    border-radius: 10px;
    padding: 20px;
}