/* مميزات المتجر فقط - بشكل آمن */
div[class*="feature"] p,
div[class*="feature"] span,
div[class*="features"] p,
div[class*="features"] span,
div[class*="benefit"] p,
div[class*="benefit"] span {
  color: #ffffff !important;0: 
}
  
/* نص زر الشراء فقط */
button,
.btn,
.btn-primary,
.product-form__cart-submit,
.add-to-cart {
  color: #ffffff !important;
}
/* زر القائمة الجانبية - لون أزرق غامق */
button[class*="menu"] svg,
button[class*="nav"] svg,
button[class*="hamburger"] svg,
button[class*="toggle"] svg,
.header button svg {
  fill: #0b2a4a !important;
  stroke: #0b2a4a !important;
}

/* لو الأيقونة نص/خط */
button[class*="menu"],
button[class*="nav"],
button[class*="hamburger"],
.header button {
  color: #0b2a4a !important;
}

/* 1. تعديل زر السلة الفارغة (الصورة الثانية) */
.cart-empty a.btn {
    background-color: #1d2d50 !important; /* لون الخلفية أزرق غامق */
    color: #ffffff !important;           /* لون النص أبيض */
    border: none !important;             /* إزالة أي إطارات قديمة */
}

.cart-page-wrapper a.btn-light, 
.cart-page-wrapper .btn-outline-primary,
.cart-empty a.btn {
    background-color: #1d2d50 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

/* تأثير عند مرور الماوس */
.cart-page-wrapper a.btn-light:hover, 
.cart-page-wrapper .btn-outline-primary:hover,
.cart-empty a.btn:hover {
    background-color: #16325c !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}