:root{

  --keesgo-bg:#F5FFF5;

  --keesgo-surface:whitesmoke; /*background sales*/

  --keesgo-surface-strong:#D4FFD5v;

  --keesgo-green:#3BB54A;

  --keesgo-green-dark:#0B5F2A;

  --keesgo-red:#E43D30;

  --keesgo-text:#0F172A;

  --keesgo-muted:#64748B;



  --keesgo-border:rgba(11,95,42,.16);

  --keesgo-border-strong:rgba(11,95,42,.26);



  --keesgo-radius:20px;

  --keesgo-radius-sm:14px;



  --keesgo-shadow:0 10px 28px rgba(2,44,20,.10);

  --keesgo-shadow-strong:0 18px 56px rgba(2,44,20,.14);



  --keesgo-ease:cubic-bezier(.2,.8,.2,1);

  --keesgo-fast:140ms var(--keesgo-ease);

  --keesgo-base:220ms var(--keesgo-ease);



  --keesgo-focus:0 0 0 3px rgba(59,181,74,.22);

  

}



html,body{

  background-color:var(--keesgo-bg) !important;

  color:var(--keesgo-text);

}



*{

  -webkit-font-smoothing:antialiased;

  -moz-osx-font-smoothing:grayscale;

}



#mainnav{

  background:rgba(245,255,245,.88) !important;

  border-bottom:1px solid var(--keesgo-border);

  box-shadow:0 12px 30px rgba(2,44,20,.08);

  backdrop-filter:blur(14px);

  -webkit-backdrop-filter:blur(14px);

}



.sicon-search:before,

.sicon-user:before,

.sicon-user-circle:before,

.sicon-shopping-bag:before,

.sicon-bell:before,

.sicon-menu:before{

  color:var(--keesgo-white) !important; # bage color

}



a{

  color:var(--keesgo-green-dark);

  text-decoration:none;

  transition:color var(--keesgo-fast);

}

a:hover{

  color:var(--keesgo-green);

}



h1,h2,h3{

  color:var(--keesgo-green-dark) ;

  letter-spacing:-0.012em;

}

p{

  color:var(--keesgo-text);

  line-height:1.85;

}



button,

.btn,

.s-button,

a.s-button,

.s-btn,

.s-btn-primary,

.s-btn--primary,

.s-btn--solid,

.s-add-to-cart,

.s-btn-outline,

.s-btn--outline,

salla-add-product-button button{

  border-radius:var(--keesgo-radius) !important;

  transition:transform var(--keesgo-fast), filter var(--keesgo-fast), box-shadow var(--keesgo-fast), border-color var(--keesgo-fast), background-color var(--keesgo-fast);

}



button:focus-visible,

.btn:focus-visible,

.s-btn:focus-visible,

a.s-button:focus-visible,

salla-add-product-button button:focus-visible{

  outline:none !important;

  box-shadow:var(--keesgo-focus) !important;

}



.s-btn-primary,

.s-btn--primary,

.s-btn--solid,

.s-add-to-cart,

salla-add-product-button button{

  background:linear-gradient(135deg,var(--keesgo-green) 0%, var(--keesgo-green-dark) 100%) !important;

  border:1px solid rgba(59,181,74,.32) !important;

  color:#fff !important;

  box-shadow:0 14px 30px rgba(11,95,42,.18) !important;

}



.s-btn-primary:hover,

.s-btn--primary:hover,

.s-btn--solid:hover,

.s-add-to-cart:hover,

salla-add-product-button button:hover{

  transform:translateY(-1px);

  filter:saturate(1.03) brightness(1.03);

  box-shadow:0 18px 44px rgba(11,95,42,.22) !important;

}



.s-btn-primary:active,

.s-btn--primary:active,

.s-btn--solid:active,

.s-add-to-cart:active,

salla-add-product-button button:active{

  transform:translateY(0) scale(.99);

  filter:brightness(.98);

}



.s-btn-outline,

.s-btn--outline{

  background:rgba(255,255,255,.65) !important;

  border:1px solid rgba(11,95,42,.24) !important;

  color:var(--keesgo-green-dark) !important;

  box-shadow:0 10px 22px rgba(2,44,20,.06) !important;

}

.s-btn-outline:hover,

.s-btn--outline:hover{

  background:rgba(255,255,255,.85) !important;

  border-color:var(--keesgo-border-strong) !important;

}



.s-product-card-entry{

  background:var(--keesgo-surface) !important;

  border:1px solid var(--keesgo-border) !important;

  border-radius:var(--keesgo-radius) !important;

  box-shadow:var(--keesgo-shadow) !important;

  overflow:hidden;

  transform:translateZ(0);

  transition:transform var(--keesgo-base), box-shadow var(--keesgo-base), border-color var(--keesgo-base), background-color var(--keesgo-base);

}



.s-product-card-entry:before{

  content:"";

  position:absolute;

  inset:0;

  border-radius:inherit;

  pointer-events:none;

  background:radial-gradient(1200px 280px at 20% 0%, rgba(59,181,74,.10), transparent 55%),

             radial-gradient(900px 240px at 80% 0%, rgba(228,61,48,.06), transparent 55%);

  opacity:.9;

}



.s-product-card-entry:hover{

  transform:translateY(-4px);

  box-shadow:var(--keesgo-shadow-strong) !important;

  border-color:rgba(59,181,74,.34) !important;

  background:var(--keesgo-surface-strong) !important;

}



.s-product-card-entry img{

  transition:transform var(--keesgo-base);

  will-change:transform;

}



.s-product-card-entry:hover img{

  transform:scale(1.04);

}



.s-product-card-content{

  color:var(--keesgo-text) !important;

}



.s-product-card-content-title a{

  color:var(--keesgo-green-dark) !important;

  text-decoration:none !important;

  transition:color var(--keesgo-fast);

}

.s-product-card-content-title a:hover{

  color:var(--keesgo-green) !important;

}



.price-product{

  color:var(--keesgo-green-dark) !important;

  font-weight:850 !important;

  letter-spacing:-0.01em;

}



.price-product del,

.old-price,

.s-price-old{

  color:var(--keesgo-muted) !important;

  opacity:.85;

}



.badge,

.s-product-card-badge,

.s-badge,

.product-badge{

  background:rgba(228,61,48,.12) !important;

  border:1px solid rgba(228,61,48,.26) !important;

  color:var(--keesgo-red) !important;

  border-radius:999px !important;

  font-weight:800 !important;

  padding:.28rem .6rem;

  box-shadow:0 10px 22px rgba(228,61,48,.10);

}



.br-widget a,

.br-widget a:after{

  color:var(--keesgo-green) !important;

}



@media (prefers-reduced-motion: reduce){

  *{animation:none !important;transition:none !important;}

}

@media (max-width: 750px) {
    .s-products-slider-card { max-width: 185px; }
}

@media (min-width: 750px) {
    .s-products-slider-card { max-width: 13rem; }
}
.s-cart-summary-count{
  background-color: green;
}


/* استهداف الحاوية الرئيسية للمنتجات */
.s-products-list-wrapper.s-products-list-vertical-cards {
    display: grid !important;
    /* إنشاء 6 أعمدة متساوية المساحة */
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    /* إضافة مسافة بين المنتجات */
    gap: 15px;
}

/* لضمان توافق العرض على الشاشات الصغيرة (الجوال) */
@media (max-width: 1024px) {
    .s-products-list-wrapper.s-products-list-vertical-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* 3 منتجات في التابلت */
    }
}

@media (max-width: 640px) {
    .s-products-list-wrapper.s-products-list-vertical-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* منتجان في الجوال */
    }
}

.text-with-border{
  color: ghostwhite;
}

h3.text-lg{  /* الارز */
  color: whitesmoke;
  font-size: 40px;
  font-weight: bold !important;
  font-family: 'PingARLT', sans-serif !important;
}


/* استهداف الفقرة التي تحتوي على النص في مكانها المحدد */
p.text-sm.line-clamp-2:nth-of-type(1) { 
    color: whitesmoke ; 
    font-size: 18px ;
    font-family: 'PingARLT', sans-serif !important;
}


.s-product-card-price,.sicon-sar {
  font-size: 18px;
}
.s-product-card-sale-price h4,#has_discount {
  font-size: 20px !important;
  font-weight: bold;
}


.s-product-card-sale-price span,#original_price {
  font-size: 15px !important;
}



/* استهداف الرابط الذي يحتوي الشعار */
.navbar-brand img {
    width: 100% !important; /* دبل العرض الحالي */
    max-width: none !important; /* إزالة أي قيود سابقة */
    max-height: none !important; /* إزالة أي قيود على الارتفاع */
    object-fit: contain;
}

/* في بعض القوالب نحتاج لتوسيع الحاوية نفسها */
.navbar-brand {
    width: 150px !important; /* جرب زيادة هذا الرقم حسب حاجتك */
}

/*---------------MENU-----------------*/


/* 4. معالجة روابط القائمة */
.main-menu > li.root-level > a {
    padding: 0px 8px !important;
    font-size: 14px !important; /* يمكنك تصغير الخط إذا لم تكفِ المساحة */
}


.offers-link span {
  font-size: 15px;
  text-transform: uppercase;
  color: #e52829 !important;
  background-color: yellow;
}



.inner{
  background-color: #067429 !important;
}

.inner a{
  color: white !important;
}

.s-advertisement-content-main , .header-btn__icon , .sicon-user-circle, .s-cart-summary-total,.sicon-menu{
  color: white;
}

.s-advertisement-content-main a{
  color: white;
}


/* ضمان أن رأس الصفحة يملك ترتيباً مرتفعاً */
.store-header {
    position: relative;
    z-index: 100; /* قيمة عالية لضمان ظهوره فوق محتوى الصفحة */
}

/* استهداف القائمة المنسدلة المحددة في الكود */
.sub-menu {
    background-color: #067429 !important;
    position: absolute;
    z-index: 9999 !important; /* قيمة قصوى لضمان عدم غطائها بأي شيء */
    display: block; /* للتأكد من أنها تتبع نظام التموضع */
}

/* إذا كان هناك تداخل مع شريط البحث (Salla Search) */
salla-search {
    position: relative;
    z-index: 10;
}

.s-contacts-header{
  display: none;
}


.s-user-menu-dropdown-item-title{
  color: black;
}

.s-user-menu-trigger{
  background: #067429 !important;
}