/* 🎨 ألوان هوية N Line */
:root {
  --main-color:#0E2E3E;     /* الأزرق الأساسي */
  --dark-color: #0E2E3E;     /* الكحلي الداكن */
  --light-color: #009DDF;    /* الأزرق الفاتح */
  --gold-color: #B09558;     /* الذهبي */
  --white-color: #5CC8FF;    /* الأبيض */
}

/* الخلفية العامة */
body {
  background-color: var(--dark-color) !important;
  color: var(--white-color);
  font-family: "Arial", sans-serif;
}

/* الهيدر */
header {
  background-color: var(--main-color) !important;
}
/* Add custom CSS styles below */ 
.bg-inherit {
    background-color: #0E2E3E
;
}
h2 {
  background-color: #0E2E3E;    
  color: white;                 
  padding: 12px 24px;           
  display: inline-block;        
  border-radius: 6px;           
  font-family: Arial, sans-serif;
  font-size: 28px;
  text-align: center;
  border: 2px solid #009DDF;    
}

.s-button-primary-outline {
  background-color: #009DDF;   
  color: white;                
  border: 2px solid #009DDF;   
  padding: 10px 20px;          
  border-radius: 6px;          
  font-family: Arial, sans-serif;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: background-color 0.3s, color 0.3s;
body{background-color:#B09558!important;
}
 header {
     background-color:  #B09558 !important;
     }
i.sicon-menu.text-gray-700.text-2xl.rtl\:ml-3.ltr\:mr-3{
/* زر إضافة للسلة */
.btn-primary {
  background-color: #009DDF !important; /* غير اللون هنا */
  color: #009DDF !important; /* لون النص */
  border: none;
/* زر إضافة للسلة */
.btn-primary,
.product-form__cart-submit,
.button--primary {
  background-color:  #5CC8FF !important; /* لون الخلفية */
  color:  #5CC8FF !important; /* لون النص */
  border: none;
}

/* زر إرسال التعليق */
button[type="submit"],
.btn-send {
  background-color:  #0E2E3E !important; /* لون الخلفية */
  color:  #0E2E3E!important;
  border: none;
}

/* أيقونات التصنيفات */
.category-icon,
.collection-list__item-icon img {
  filter: brightness(0) invert(1); /* يعكس لون الأيقونة */
}

/* لو الأيقونة خط أو Font Icon */
.category-icon {
  color:  #5CC8FF !important; /* لون الأيقونة */
/* لو  خط أو Font Icon */
.category-icon {
  color:  #5CC8FF !important; /* لون الأيقونة */
}}} color:white ;}}