/* ═══════════════════════════════════════════════════════════
   Salma Collection — Brand Theme v1
   الألوان: وردي غامق  #d81b7a | وردي فاتح #fce4f0 | ذهبي #c8a227
   ═══════════════════════════════════════════════════════════ */

/* ── 1. متغيرات اللون الجديدة ── */
:root {
 --green:   #d81b7a;   /* اللون الرئيسي — وردي غامق */
 --dark:    #8b0a50;   /* أغمق درجة للخلفيات الداكنة */
 --mint:    #fce4f0;   /* خلفية فاتحة وردية */
 --gold:    #c8a227;   /* ذهبي مستوحى من اللوجو */
 --red:     #e91e63;   /* للتنبيهات والخصومات */
 --ink:     #3d0a28;   /* لون النص الداكن */
 --muted:   #9e6680;   /* نص ثانوي */
 --line:    #f3c6df;   /* خطوط الفصل */
 --bg:      #fff8fc;   /* خلفية الصفحات */
}

/* ── 2. اللون العام للجسم والخلفية ── */
body { background: #fff; color: var(--ink); }

/* ── 3. الـ Topline (الشريط العلوي) ── */
.topline, .salam-topline {
 background: linear-gradient(135deg, #8b0a50 0%, #c2185b 100%) !important;
 color: #fce4f0 !important;
}
.topline a, .salam-topline a { color: #ffd6ea !important; }
.topline a:hover, .salam-topline a:hover { color: #fff !important; }

/* ── 4. الهيدر ── */
.tw-header, .salam-header {
 background: #fff !important;
 border-bottom: 2px solid #f3c6df !important;
 box-shadow: 0 4px 20px rgba(216,27,122,.08) !important;
}

/* ── 5. اللوجو ── */
.salam-logo, .logo { color: #d81b7a !important; }
.salam-logo b, .logo b { color: #d81b7a !important; }
.salam-logo small, .logo small { color: #9e6680 !important; }
.salam-logo-mark img {
 border-radius: 50% !important;
 border: 2px solid #f3c6df !important;
 box-shadow: 0 2px 12px rgba(216,27,122,.2) !important;
}

/* ── 6. شريط الخدمات ── */
.salam-service-strip {
 background: linear-gradient(90deg, #fce4f0 0%, #fff8fc 50%, #fce4f0 100%) !important;
 border-bottom: 1px solid #f3c6df !important;
 color: #8b0a50 !important;
}
.salam-service-strip b { color: #d81b7a !important; }

/* ── 7. شريط التصنيفات ── */
.tw-category-nav, .salam-category-nav {
 background: #fff !important;
 border-bottom: 1px solid #f3c6df !important;
}
.salam-category-nav .nav-category-root { color: #3d0a28 !important; }
.salam-category-nav .nav-category-root:hover { color: #d81b7a !important; }
.all-categories-btn {
 background: linear-gradient(135deg, #d81b7a, #e91e63) !important;
 color: #fff !important;
 border-radius: 8px !important;
}
.special-offers-link { color: #c8a227 !important; font-weight: 800 !important; }

/* ── 8. شريط البحث ── */
.salam-search,
.search.salam-search {
 border-color: #f3c6df !important;
 border-radius: 12px !important;
}
.salam-search button[type=submit] {
 background: linear-gradient(135deg, #d81b7a, #e91e63) !important;
 border-radius: 0 10px 10px 0 !important;
}
.salam-search input::placeholder { color: #c08090 !important; }

/* ── 9. الأزرار الرئيسية ── */
.primary, .buybtn, .add:hover {
 background: linear-gradient(135deg, #d81b7a 0%, #e91e63 100%) !important;
 color: #fff !important;
 border: none !important;
}
.primary:hover, .buybtn:hover { opacity: .9 !important; }
.secondary {
 border-color: #d81b7a !important;
 color: #d81b7a !important;
}
.secondary:hover {
 background: #fce4f0 !important;
}
.add {
 border-color: #d81b7a !important;
 color: #d81b7a !important;
 border-radius: 8px !important;
}

/* ── 10. بطاقات المنتجات ── */
.product-card {
 border-color: #f3c6df !important;
 border-radius: 14px !important;
}
.product-card:hover {
 box-shadow: 0 12px 35px rgba(216,27,122,.12) !important;
 border-color: #d81b7a !important;
}
.price b { color: #d81b7a !important; }
.badge { background: #e91e63 !important; }

/* ── 11. بطاقات التصنيفات ── */
.category-grid a:hover {
 border-color: #d81b7a !important;
 box-shadow: 0 12px 30px rgba(216,27,122,.1) !important;
}
.category-grid i { color: #d81b7a !important; }

/* ── 12. الشريط العائم ── */
.float a, .float button {
 background: #d81b7a !important;
 border-radius: 8px 0 0 8px !important;
 margin-bottom: 4px !important;
 box-shadow: 0 3px 12px rgba(216,27,122,.3) !important;
}
.float a:hover, .float button:hover {
 background: #8b0a50 !important;
}
.float a[href*="facebook"] { background: #1877f2 !important; }
.float a[href*="facebook"]:hover { background: #166fe5 !important; }
.float span { background: #8b0a50 !important; }

/* ── 13. الفوتر ── */
.salam-footer {
 background: linear-gradient(160deg, #6d0640 0%, #8b0a50 100%) !important;
 color: #fce4f0 !important;
}
.footer-trust {
 border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
.footer-grid h3 { color: #fff !important; }
.footer-grid p, .footer-grid a:not(.footer-logo) {
 color: #f8c8de !important;
}
.footer-grid a:hover { color: #fff !important; }
.copy { color: #f8c8de !important; border-color: rgba(255,255,255,.12) !important; }

/* ── 14. الروابط والـ Breadcrumbs ── */
.breadcrumbs a, .section-title > a { color: #d81b7a !important; }
.tabs nav button.active { color: #d81b7a !important; border-bottom-color: #d81b7a !important; }
.tabs nav b { color: #d81b7a !important; }

/* ── 15. النماذج والـ Checkout ── */
.checkout-form, .summary, .auth-card {
 border-color: #f3c6df !important;
 border-radius: 14px !important;
}
.notice { background: #fce4f0 !important; color: #d81b7a !important; }
.coupon-applied { background: #fce4f0 !important; }
.coupon-applied span { color: #d81b7a !important; }
.saving { color: #d81b7a !important; }
.auth-icon { color: #d81b7a !important; }

/* ── 16. المحصلة (detail-price) ── */
.detail-price { background: #fff8fc !important; border-color: #f3c6df !important; }
.detail-price b { color: #d81b7a !important; }
.brand { color: #d81b7a !important; }

/* ── 17. شريط التصفية ── */
.filters { border-color: #f3c6df !important; border-radius: 12px !important; }
.filters h3 { border-bottom-color: #f3c6df !important; }
.filters a:hover { color: #d81b7a !important; }

/* ── 18. نتائج البحث ── */
.search-view-all { background: #d81b7a !important; }
.search-view-all:hover { background: #8b0a50 !important; }
.search-result-head { background: #fff8fc !important; color: #8b0a50 !important; }
.salam-search .search-result-item:hover,
.salam-search .search-result-item.is-active { background: #fff0f7 !important; }

/* ── 19. الـ Home Category Count Badge ── */
.home-category-count-v32 { background: rgba(139,10,80,.92) !important; }
.salam-quick-cats .home-category-media-v32 > .home-category-count-v32,
.home-managed-section .home-category-media-v32 > .home-category-count-v32 {
 background: rgba(139,10,80,.92) !important;
}

/* ── 20. صفحة Hero ── */
.v38-hero, .hero {
 background: linear-gradient(120deg, #fff0f7, #fce4f0) !important;
}
.hero h1 strong { color: #d81b7a !important; }
.hero-copy > span { color: #d81b7a !important; }
.offer { background: var(--gold) !important; }

/* ── 21. Benefit Cards ── */
.v38-benefits .benefit-card { border-color: #f3c6df !important; }

/* ── 22. theme-color ── */
/* (يُحدَّث في الـ layout مباشرةً) */

/* ── 23. Mobile Bottom Nav ── */
.mobile-bottom-nav { border-top: 2px solid #f3c6df !important; }
.mobile-nav-item.active { color: #d81b7a !important; }
.mobile-nav-item.active .mobile-nav-icon { color: #d81b7a !important; }

/* ── 24. صفحة النجاح والإشعارات ── */
.empty-state > div { color: #d81b7a !important; }

/* ── 25. input focus ── */
input:focus, select:focus, textarea:focus {
 outline-color: #d81b7a !important;
 border-color: #d81b7a !important;
}

/* ── 26. admin notifications badge (store side) ── */
.actions i { background: #e91e63 !important; }

/* ── 27. لون الـ spinner في البحث ── */
.search-spinner { border-top-color: #d81b7a !important; }

/* ── 28. footer social buttons ── */
.footer-social a.fb { background: #1877f2 !important; }
.footer-social a.wa { background: #25d366 !important; }