/* Wajd Premium Identity - Full Store Customization
   Designed for: Mohammed Al-Makkawi
   Theme: Sagi (Salla)
   Update: Atomic-Small Featured Links (15px)
*/

:root {
    --wajd-crimson: #8B1E2D;      /* الأحمر القاني */
    --wajd-dark: #1A1A1A;         /* الأسود الفحمي */
    --wajd-cream: #FAF7F3;        /* الخلفية الكريمية */
    --wajd-gold: #C5A059;         /* الذهبي المطفي */
    --wajd-white: #FFFFFF;
}

/* --- 1. الإعدادات العامة للمتجر --- */
body {
    background-color: var(--wajd-cream) !important;
    color: var(--wajd-dark) !important;
    font-family: 'Amiri', serif !important;
}

/* --- 2. الهيدر (Header) والقائمة العلوية --- */
header.main-header {
    background-color: var(--wajd-white) !important;
    border-bottom: 2px solid var(--wajd-gold) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
}

.main-menu .nav-link {
    color: var(--wajd-dark) !important;
    font-weight: 600 !important;
}

/* --- 3. تعديل روابط عنصر (روابط مميزة) - حجم 15 بكسل --- */
.s-block-featured-links .featured-link__title {
    font-size: 0.5rem !important; /* خط متناهي الصغر */
    font-weight: 400 !important;
    margin-top: 2px !important;
    line-height: 1 !important;
}

.s-block-featured-links .featured-link__image {
    width: 15px !important; /* الحجم المطلوب: 15 بكسل */
    height: 15px !important;
    min-width: 15px !important;
    max-width: 15px !important;
    margin: 0 auto !important;
    border-radius: 50% !important; /* يحافظ على الشكل الدائري */
    object-fit: contain !important;
}

.s-block-featured-links .featured-link {
    padding: 1px !important;
    gap: 2px !important;
}

/* لضمان اصطفاف العناصر بشكل متقارب جداً */
.s-block-featured-links .featured-links-wrapper {
    gap: 10px !important; 
    justify-content: center !important;
}

/* --- 4. بطاقات المنتجات (Product Cards) --- */
.product-box {
    background: var(--wajd-white) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(197, 160, 89, 0.1) !important;
}

.product-box .product-title a {
    color: var(--wajd-dark) !important;
    font-size: 0.95rem !important;
}

.product-box .price-wrapper {
    color: var(--wajd-crimson) !important;
    font-weight: 800 !important;
}

/* --- 5. الأزرار (Buttons) --- */
.btn-primary, .s-button-element, .add-to-cart {
    background: linear-gradient(45deg, var(--wajd-crimson), #A52A3A) !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
}

/* --- 6. الفوتر (Footer) --- */
.main-footer::before, .footer-wrapper::before {
    display: none !important;
}

.main-footer {
    background-color: var(--wajd-dark) !important;
    border-top: 4px solid var(--wajd-gold) !important;
}

.main-footer a, .main-footer p {
    color: var(--wajd-cream) !important;
    font-size: 0.85rem !important;
}

/* --- 7. أيقونات التواصل والتوثيق --- */
.footer-social-icons a {
    color: var(--wajd-gold) !important;
    border: 1px solid var(--wajd-gold) !important;
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footer-certification-icons img {
    filter: brightness(0) invert(1) opacity(0.7) !important;
    max-width: 40px !important;
}

/* --- 8. شريط التمرير (Scrollbar) --- */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-thumb {
    background: var(--wajd-gold);
    border-radius: 10px;
}