/* --- YAFA STABLE ROYAL THEME --- */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

:root {
    --yafa-green: #0b3d2e;
    --yafa-gold: #c5a059;
    --yafa-bg: #fdfcf8;
    --font-main: 'Tajawal', sans-serif;
}

/* 1. إعدادات الصفحة */
body {
    background-color: var(--yafa-bg) !important;
    background-image: radial-gradient(#c5a059 0.5px, transparent 0.5px);
    background-size: 25px 25px;
    color: var(--yafa-green) !important;
    font-family: var(--font-main) !important;
}

/* 2. الشريط العلوي المزخرف */
body::before {
    content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 12px; z-index: 9999;
    background: var(--yafa-green);
    background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, #c5a059 10px, #c5a059 20px);
}

/* 3. العناوين والمنتجات */
h1, h2, h3, .section-title { color: var(--yafa-green) !important; }
.product-entry, .salla-product-card {
    border: 1px solid rgba(197, 160, 89, 0.15) !important;
    background: #fff !important;
    border-radius: 12px !important;
    transition: transform 0.3s ease;
}
.product-entry:hover, .salla-product-card:hover {
    transform: translateY(-5px);
    border-color: var(--yafa-gold) !important;
}

/* شارة التفريز */
.product-entry__image::before, .salla-product-card__image::before {
    content: "❄️ تفريز"; position: absolute; top: 10px; right: 10px;
    background: rgba(255,255,255,0.95); color: var(--yafa-green);
    padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 800;
    z-index: 2; border: 1px solid var(--yafa-gold);
}

/* 4. إصلاح الفوتر (الخلفية الخضراء والتباين) */
footer, .site-footer, .footer {
    background-color: var(--yafa-green) !important;
    color: #fff !important; border-top: 4px solid var(--yafa-gold) !important;
    padding-top: 30px !important;
}
/* إلغاء الخلفيات السوداء في الفوتر */
.footer__title, .accordion-button, .footer-list__header {
    background: transparent !important; border: 1px solid var(--yafa-gold) !important;
    color: var(--yafa-gold) !important; border-radius: 10px !important;
}
.accordion-button:not(.collapsed) {
    background: var(--yafa-gold) !important; color: var(--yafa-green) !important;
}
.social__item a, .footer__social a {
    border: 1px solid var(--yafa-gold) !important; color: var(--yafa-gold) !important;
    background: transparent !important; border-radius: 50%;
}
.footer__content a, .nav-link { color: #ddd !important; }

/* 5. تنسيق الودجت العائم (العداد والإشعارات) */
.ramadan-timer-box {
    position: fixed; left: 15px; bottom: 20px; z-index: 9950;
    background: #0b3d2e; color: #fff; padding: 8px 15px;
    border-radius: 30px; border: 1px solid #c5a059;
    display: flex; gap: 8px; align-items: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    font-size: 12px; font-weight: bold;
}
.sale-notification {
    position: fixed; bottom: 20px; right: -350px; z-index: 9950;
    background: #fff; border-left: 5px solid #0b3d2e;
    padding: 10px 15px; border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    width: 260px; display: flex; align-items: center; gap: 10px;
    transition: right 0.5s ease;
}

/* للجوال */
@media (max-width: 768px) {
    .ramadan-timer-box { bottom: 90px; left: 10px; padding: 6px 12px; }
    .sale-notification { bottom: 140px; width: 220px; }
}