/* Add custom CSS styles below */ .product-entry {
    border-radius: 2rem 0 2rem 2rem !important;
    padding-bottom: 5px !important;
} 


.product-entry salla-add-product-button .s-button-wrap .s-button-element{
    border-radius: 2rem 0 2rem 2rem !important;
    padding-bottom: 5px !important;
} 

:root {
    --swiper-navigation-size: 13px;
}

.navbar-brand img {
    max-height: 90.5rem;
    max-width: 150px;
    width: auto;
}
section.section {
 padding: 0;
}
.col-sm-4 {
    width: 25%;
    float:right ;
    padding-right: 5px;
    padding-left: 5px;
}
.site-header {
    box-shadow: none;
    background: url();
}
.product-add {
 background-color:#fd740 # !important;
 color:#1A1819;
}
.product-price {
 color: #1A1829 !important;
}
.product-add:hover {
 background-color: #1A1819!important;
 color:#C2A97C;
}
.product .product-footer{
   background-color: #C2A97C!important;  
}


/*//*/
.circle-action ,.sub-nav__menu svg ,.btn-primary{
 border: 1px #C2A97C solid !important;
 border-radius: 7px;
 color:#C2A97C !important;
}
.sicon-user{
 color:#C2A97C;
}
.site-header__cart .badge {
 background: #C2A97C;
} 
.add-cart-large, .order-btn,.cart-nav-submit.receipt-back {
 background: #C2A97C;
 border: 1px #C2A97C solid !important;
 border-radius: 7px;
color: #1A1819 !important;
}
#ask_button {
background: #C2A97C;
 color: #1A1819 !important;
}
.section-header .section--title {
 color: #1A1819 !important;
 background-color: #C2A97C!important;
border-radius: 7px;
}

/*8888888888888*/
.footer-main, .store-contact {
text-align: center;
}
.footer-main {
background-color: #C2A97C;
 font-size: 15px !important;
}
.footer-item p {
color:#fff !important;
}
.footer-links li a {
 color:#fff !important;
}
.footer-links li a:hover {
 color: #1A1819 !important;
}
.footer-title {
 color: #C2A97C;
 background: #1A1819;
 border-radius: 7px;
 font-weight: bold;
 padding-top: 0.3rem;
 padding-bottom: .3rem;
}
.store-contact a{
        color: #fff !important;
}
.social__item a {
    color: #1A1819;
    border-color: #1A1819;
    border-radius: 7px;
}
#submit_cart {
color: #1A1819;
  background-color: #C2A97C;
}
.btn.btn-default.expand-toggle {
color: #1A1819;
  background-color: #C2A97C;
}
.btn.btn-default.expand-toggle:hover {
color: #C2A97C;
  background-color: #1A1819;
}
#sort-toggle {
color: #1A1819 !important;
  background-color: #C2A97C;
}
#sort-toggle:hover{
   color: #C2A97C !important;
  background-color: #1A1819 !important; 
}
.btn-primary{
      border:1px solid #C2A97C !important;
    color:#C2A97C !important; 
}
.home-block--square-images .col-md-4,.home-block--square-images  .col-sm-12{
       width: 25%;
           padding: 2px;
    float: right;
}
@media only screen and (max-width: 767px){
.home-block:not(.home-block--bg):not(.home-block--main-slider) {
    padding: 0px 0px;
}}








/* الألوان الأساسية *
:root {
  --main-color: #0a1a2f;     /* كحلي غامق */
  --accent-color: #d4af37;   /* ذهبي راقٍ */
  --background-light: #f9f9f9;
  --font-color: #333;
  --hover-color: #b88a2b;
  --white: #fff;
}

/* الخلفية العامة */
body {
  background-color: var(--background-light);
  color: var(--font-color);
  font-family: 'Tajawal', sans-serif;
  direction: rtl;
}

/* الهيدر */
header {
  background-color: var(--main-color);
  color: var(--white);
  padding: 1rem 2rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* الشعار */
.logo {
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--accent-color);
}

/* الأزرار */
button, .btn {
  background-color: var(--main-color);
  color: var(--white);
  padding: 0.6rem 1.2rem;
  border: none;
  border-radius: 30px;
  transition: all 0.3s ease;
}

button:hover, .btn:hover {
  background-color: var(--hover-color);
  color: var(--white);
  box-shadow: 0 0 10px var(--accent-color);
}

/* البانرات */
.banner {
  background: linear-gradient(135deg, var(--main-color), #1d2d44);
  color: var(--accent-color);
  padding: 2rem;
  border-radius: 20px;
  text-align: center;
  font-size: 1.4rem;
}

/* بطاقات المنتجات */
.product-card {
  background-color: var(--white);
  border: 2px solid var(--main-color);
  border-radius: 20px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  border-color: var(--accent-color);
}

/* عنوان المنتج */
.product-title {
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--main-color);
}

/* السعر */
.product-price {
  color: var(--accent-color);
  font-size: 1.1rem;
}

/* أيقونات واتساب وسلة */
.icon-whatsapp {
  background-color: var(--main-color);
  color: var(--accent-color);
  border-radius: 50%;
  padding: 10px;
  font-size: 1.2rem;
}

.cart-icon {
  background-color: var(--accent-color);
  color: var(--main-color);
  border-radius: 50%;
  padding: 10px;
  font-size: 1.2rem;
}

/* الفوتر */
footer {
  background-color: var(--main-color);
  color: var(--white);
  padding: 1rem;
  text-align: center;
  font-size: 0.9rem;
}

/* هذا يرفع أيقونة الواتساب 80 بكسل فوق الحافة السفلية */
.whatsapp-button {
  position: fixed !important;
  bottom: 100px !important; /* غير الرقم حسب حاجتك */
  right: 20px !important; /* أو استخدم left: 20px; إذا كانت يسار */
  z-index: 9999 !important;
}








/* --- متغيرات سهولة التعديل --- */
:root{
  --saudi-green: #006C35;    /* لون أخضر مقترح لليوم الوطني */
  --saudi-green-dark: #004a24;
  --accent-white: #ffffff;
  --accent-gold: #f6c85f;    /* اختياري لو تبي لمسة ذهبية */
  --section-padding: 28px;
  --text-large: 1.15rem;
}

/* --- استهداف قسم عروض اليوم الوطني فقط --- */
#national-day-offers{
  direction: rtl;                 /* واجهة عربية */
  padding: var(--section-padding);
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  overflow: hidden;
  /* اختر إما لون ثابت أو تدرج: */
//  background: var(--saudi-green); /* لون ثابت */
//  color: var(--accent-white);

  /* تدرج أخضر -> أبيض مع تأثير قطعة قماش وطنية */
  background: linear-gradient(135deg, var(--saudi-green) 0%, #0a8740 35%, #cfeee1 100%);
  color: var(--accent-white);
  transition: transform .18s ease, box-shadow .18s ease;
}

/* تفاعل بسيط */
#national-day-offers:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* عنوان القسم */
#national-day-offers .nd-title{
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0 8px 0;
  line-height: 1.1;
}

/* وصف قصير */
#national-day-offers .nd-sub{
  font-size: 0.95rem;
  margin-bottom: 14px;
  opacity: 0.95;
}

/* شبكة المنتجات المصغرة */
#national-day-offers .nd-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  align-items: stretch;
}

/* كل بطاقة منتج */
#national-day-offers .nd-item{
  background: rgba(255,255,255,0.08); /* شفاف أبيض */
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  color: var(--accent-white);
}

/* اسم المنتج */
#national-day-offers .nd-item .name{
  font-size: 0.98rem;
  font-weight: 600;
  margin: 8px 0 4px 0;
}

/* السعر القديم والجديد */
#national-day-offers .nd-item .price-old{
  text-decoration: line-through;
  opacity: 0.8;
  font-size: 0.87rem;
}
#national-day-offers .nd-item .price-new{
  display: block;
  font-size: 1.05rem;
  font-weight: 700;
  margin-top: 4px;
}

/* زر الشراء */
#national-day-offers .nd-cta{
  display: inline-block;
  margin-top: 10px;
  padding: 8px 12px;
  border-radius: 8px;
  background: var(--accent-white);
  color: var(--saudi-green);
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
}

/* شريط خصم (ribbon) */
#national-day-offers .ribbon{
  position: absolute;
  left: 14px;
  top: 14px;
  background: rgba(246,200,95,0.95); /* لمسة ذهبية */
  color: #111;
  padding: 6px 10px;
  border-radius: 6px;
  font-weight: 800;
  font-size: 0.85rem;
}

/* استجابة للشاشات الصغيرة */
@media (max-width:600px){
  :root { --section-padding: 16px; }
  #national-day-offers .nd-title { font-size: 1.25rem; }
  #national-day-offers .nd-grid { gap: 8px; }
}


/* --- ألوان وهوية اليوم الوطني --- */
:root {
  --nd-green: #006C35;       /* الأخضر الأساسي */
  --nd-green-light: #0a8740; /* أخضر فاتح للتدرج */
  --nd-white: #ffffff;        /* أبيض للنصوص */
  --nd-gold: #f6c85f;         /* لمسة ذهبية */
  --nd-padding: 28px;         /* مساحة داخلية للقسم */
}

/* --- قسم عروض اليوم الوطني --- */
#national-day-offers {
  direction: rtl;
  padding: var(--nd-padding);
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--nd-green) 0%, var(--nd-green-light) 50%, var(--nd-white) 100%);
  color: var(--nd-white);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* تأثير عند المرور */
#national-day-offers:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}

/* العنوان الرئيسي */
#national-day-offers .nd-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--nd-white);
}

/* وصف قصير */
#national-day-offers .nd-sub {
  font-size: 1rem;
  margin-bottom: 20px;
  opacity: 0.95;
  color: var(--nd-white);
}

/* شبكة البطاقات */
#national-day-offers .nd-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 15px;
}

/* كل بطاقة منتج */
#national-day-offers .nd-item {
  background: rgba(255,255,255,0.08);
  padding: 12px;
  border-radius: 10px;
  text-align: center;
  color: var(--nd-white);
  position: relative;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#national-day-offers .nd-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* اسم المنتج */
#national-day-offers .nd-item .name {
  font-size: 1rem;
  font-weight: 600;
  margin: 8px 0 4px 0;
}

/* السعر القديم والجديد */
#national-day-offers .nd-item .price-old {
  text-decoration: line-through;
  opacity: 0.8;
  font-size: 0.88rem;
}
#national-day-offers .nd-item .price-new {
  display: block;
  font-size: 1.05rem;
  font-weight: 700;
  margin-top: 4px;
  color: var(--nd-gold);
}

/* زر الشراء */
#national-day-offers .nd-cta {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 14px;
  border-radius: 8px;
  background: var(--nd-gold);
  color: var(--nd-green);
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 5px 12px rgba(0,0,0,0.1);
  transition: background 0.2s ease, transform 0.2s ease;
}

#national-day-offers .nd-cta:hover {
  background: #e5b93c;
  transform: translateY(-2px);
}

/* شريط خصم */
#national-day-offers .ribbon {
  position: absolute;
  left: 14px;
  top: 14px;
  background: var(--nd-gold);
  color: #111;
  padding: 6px 10px;
  border-radius: 6px;
  font-weight: 800;
  font-size: 0.85rem;
}

/* استجابة للشاشات الصغيرة */
@media (max-width: 600px){
 
 
 
 
 
 
 
 
  :root { --nd-padding: 16px; }
  #national-day-offers .nd-title { font-size: 1.4rem; }
  #national-day-offers .nd-grid { gap: 10px
  ; }
}












/* === قسم عروض / بنر مت