/* ======================================================
   1. الخطوط الرياضية
====================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;0,800;0,900&display=swap');

body, p, span, div, a {
    font-family: 'Montserrat', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

/* ======================================================
   2. تنظيف الهيدر (المنيو والسلة) - Clean Header
====================================================== */
/* إجبار أزرار الهيدر والمنيو لتكون بخلفية شفافة ونص أسود */
header button, header .btn, .header button, .navbar button, 
[class*="menu"], [class*="cart"], .header-cart {
    background-color: transparent !important; 
    color: #1A1A1A !important; 
    box-shadow: none !important;
    border: none !important;
    font-weight: 700 !important;
}

/* لما تقف بالماوس على المنيو والسلة الأيقونة تقلب برتقالي شيك */
header button:hover, [class*="menu"]:hover, [class*="cart"]:hover {
    color: #FF9100 !important;
    background-color: transparent !important;
}

/* ======================================================
   3. تنظيف أزرار الصور (الأسهم، القلب، المشاركة)
====================================================== */
/* جعل أزرار التصفح بيضاء بإطار رمادي خفيف جداً (شكل راقي) */
.slider-arrow, .slick-arrow, .swiper-button-next, .swiper-button-prev,
[class*="wishlist"], [class*="share"], [class*="gallery"] button {
    background-color: #FFFFFF !important;
    color: #1A1A1A !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important; /* حواف ناعمة */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}

.slider-arrow:hover, [class*="wishlist"]:hover, [class*="share"]:hover {
    color: #FF9100 !important;
    border-color: #FF9100 !important;
}

/* ======================================================
   4. البطل: أزرار الشراء (BUY NOW & ADD TO CART)
====================================================== */
/* البرتقالي مخصص فقط هنا عشان العميل يدوس وهو مغمض */
.buy-now, .add-to-cart, button[type="submit"], [class*="checkout"] {
    background-color: #FF9100 !important; /* برتقالي اللوجو الأنيق */
    color: #000000 !important; /* نص أسود للقوة */
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    padding: 14px 24px !important;
    border: none !important;
    border-radius: 4px !important; /* حواف رياضية شبه حادة */
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(255, 145, 0, 0.2) !important;
}

.buy-now:hover, .add-to-cart:hover, button[type="submit"]:hover {
    background-color: #E68200 !important;
    transform: translateY(-2px) !important;
}

/* ======================================================
   5. أشرطة التقدم (Progress Bars & Watches)
====================================================== */
/* تلوين شريط "باقي 5 قطع" باللون البرتقالي بدل الأحمر */
.progress-bar, [class*="progress"] {
    background-color: #FF9100 !important;
}