/* Add custom CSS styles below */ 
body {
    background:#fef6e3;
}

/* اخفاء الرقم جمب الايفون ف الوتر وسائل الاتصال */
.unicode {
    unicode-bidi: plaintext;
    display: none;
}

.s-contacts-list-vertical {
    flex-direction: row;
}


/************* Header & Navigation Styles *************/

/* الحاوية الرئيسية للقائمة */
div#mainnav {
  background-color: #204548 !important;
  border: 2px solid #bfa05b;
  border-radius: 10px;
  box-shadow: 0 0 10px #bfa05b, 0 0 20px #bfa05b;
  margin: 0 5px 10px 5px;
}

/* إزالة الظل الافتراضي */
.shadow-default {
  box-shadow: 0 0 transparent !important;
}

/* أيقونات السلة والحساب */
div#mainnav i.sicon-shopping-bag,
i.sicon-user-circle {
  background-color: #bfa05b;
  color: #FFFEFE !important;
  border-color: #ddd !important;
  box-shadow: 1px 1px 5px #ddd;
}

/* عند المرور على الأيقونات */
div#mainnav i.sicon-shopping-bag:hover,
i.sicon-user-circle:hover {
  background-color: #ddd;
  color: #000 !important;
  border-color: #011e31 !important;
}

/* إجمالي السلة والقائمة الجانبية */
b.s-cart-summary-total,
nav#mobile-menu {
  color: #bfa05b;
}

/* صندوق البحث */
.s-search-container.s-search-inline {
  background-color: transparent;
  border: 2px solid #bfa05b;
  border-radius: 70px;
}

/* روابط القائمة الفرعية */
.sub-menu a {
  color: #bfa05b;
}

/* أيقونة المستخدم */
.s-user-menu-trigger {
  border-radius: 50px;
  width: 45px;
  height: 45px;
}

/* أيقونة القائمة الجانبية */
i.sicon-menu {
  color: #bfa05b;
}

/* الهيدر عند التثبيت */
.fixed-header .inner {
  background-color: #ffffff;
}

/* الهيدر العام */
header.store-header {
  background-color: #204548;
  z-index: 222;
}

/* روابط التوب بار */
.top-navbar a {
  color: #bfa05b !important;
}

/* روابط القائمة الأساسية في الشاشات الكبيرة */
@media only screen and (min-width: 1024px) {
  .main-menu li.root-level > a {
    color: #bfa05b;
  }

  .main-menu li.root-level > a:hover {
    color: white !important;
  }
}





/********************FooterStyles**********************/

:root {
  /* Base colors */
  --black-color: black;
  --text-color: #fafaf5;
  --third-color: #fafaf5;

  /* Theme colors */
  --main-color: #204548;
  --back-color: #204548;
  --ff-color: #bfa05b;
  --card-color: #183136;
}

/* Footer main container */
.footer-is-light .store-footer {
  color: var(--black-color);
  background: transparent;
  border-radius: 200px 200px 0 0;
}

/* Footer inner content */
.footer-is-light .store-footer .store-footer__inner {
  border-bottom: 7px solid var(--ff-color);
  background: var(--card-color) !important;
  color: var(--text-color);
  border-radius: 10px 10px 30px 30px;
  font-weight: 500;
  text-align: center;
  animation: shadow 5s infinite;
  scale: 0.93;
  box-shadow: 0 2px 15px var(--black-color) !important;
  position: relative;
}

/* Animated border shadow */
@keyframes shadow {
  50% {
    border-bottom: 7px solid var(--text-color);
  }
}

.footer-is-light .store-footer .store-footer__inner::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  background: linear-gradient(
    45deg,
    var(--card-color),
    var(--back-color),
    var(--card-color)
  );
  background-size: 300% 300%;
  border-radius: inherit;
  animation: gradientBorder 5s infinite;
}

@keyframes gradientBorder {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Headings inside footer */
.store-footer h3 {
  text-align: center !important;
  padding: 1rem;
  border-radius: 50px;
  color: var(--third-color);
  font-size: 1.4rem;
  transition: 0.5s;
}

.store-footer h3:hover {
  color: var(--black-color);
  cursor: pointer;
}

/* Payment icons */
.s-payments-list .s-payments-list-item img {
  box-shadow: 0 2px 6px var(--text-color) !important;
}

/* Custom logo styling */
.store-footer a h3:nth-child(1) {
  font-size: 0rem;
  color: transparent;
  background-image: url(https://cdn.salla.sa/ovBZv/UHKkWegGcJVBJsVZKTqZ9RyHLeRZ1eo4RglpTtyh.png);
  background-size: 80%;
  background-repeat: no-repeat;
  scale: 4.9;
  line-height: 3;
  background-position: center;
  margin: 10px 0 50px 10px;
  animation: foot 5s infinite;
}

@keyframes foot {
  40% {
    transform: rotate(3deg);
  }
  80% {
    transform: rotate(-3deg);
  }
}

/* Social media icons */
.s-social-list {
  display: flex;
  gap: 0.625rem;
  justify-content: center;
}

/* Footer links */
.store-footer a {
  color: var(--text-color);
  transition: 0.4s;
}

.store-footer a:hover {
  color: var(--black-color);
  transform: scale(1.03);
}

/* Hide unwanted sections */
salla-apps-icons,
salla-apps-icons h3,
span.unicode {
  display: none;
}

/* Layout adjustments */
.footer-list {
  color: var(--black-color);
}

.store-footer__inner .max-w-sm {
  color: var(--text-color);
}

.s-contacts-list {
  align-items: center !important;
}

.s-contacts-list.s-contacts-list-vertical {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

a.flex.items-center.m-0 {
  display: flex;
  flex-direction: column;
}

.copyright-text a {
  color: var(--black-color) !important;
}

.footer-is-light .store-footer .contact-social {
  border: none;
}

/* Responsive adjustments */
@media (min-width: 1024px) {
  .rtl\:lg\:pr-20:where([dir="rtl"], [dir="rtl"] *) {
    padding-right: 5rem;
    background: var(--card-color);
    background-repeat: no-repeat;
    background-size: contain;
    scale: 0.7;
    line-height: 0;
    margin-bottom: 0;
    margin-top: 0;
  }

  .lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.s-menu-footer-list {
  display: flex;
  flex-direction: column;
  align-items: center;
}





/********************Products************************/

:root {
  --main-color: #204548;
  --accent-color: #bfa05b;
  --light-color: #FFFEFE;
}

/* عنوان القسم */
.s-slider-block__title {
  color: var(--main-color) !important;
}

/* زر المفضلة */
button.s-product-card-wishlist-btn.animated {
  background-color: var(--main-color) !important;
  color: #fff;
  border-color: var(--light-color) !important;
}

/* كرت المنتج */
.s-product-card-content {
  text-align: center;
  background-color: transparent !important;
}

.s-product-card-content-sub {
  justify-content: center;
}

/* زر الإضافة إلى السلة */
button.s-button-element.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
  background-color: var(--main-color) !important;
  border: 2px solid var(--accent-color) !important;
  color: var(--light-color);
  border-radius: 20px 0px;
}

button.s-button-element.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
  background-color: transparent !important;
  border: 2px solid var(--accent-color) !important;
  color: var(--main-color);
}

button.s-button-element.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover i {
  color: var(--main-color);
}

/* أيقونة السلة */
i.text-base.sicon-shopping-bag {
  color: var(--light-color);
}

/* تأثير عند مرور الماوس على اسم المنتج */
h3.s-product-card-content-title:hover a {
  color: var(--main-color);
}

/* زر عند نفاد الكمية */
salla-add-product-button.hydrated[product-status="out"] {
  background-color: transparent !important;
  border: 2px solid var(--accent-color);
  color: #000 !important;
}

/* كرت المنتج العام */
custom-salla-product-card {
  border: 2px solid var(--accent-color);
  background-color: transparent !important;
}

/* عنوان العرض الترويجي */
.s-product-card-promotion-title {
  background-color: transparent;
  font-size: medium;
}

`


.s-product-card-content-subtitle {
  border: 2px solid #bfa05b; /* إطار بنفسجي */
  border-radius: 12px;        /* حواف مدورة */
  padding: 8px 15px;
  color: #204548;             /* لون الخط بنفسجي */
  display: inline-block;      /* عشان الإطار يلتف حوالي النص فقط */
  margin: 10px 0;             /* مساحة فوق وتحت */
  font-weight: 100;
  
}



.s-slider-block__title {
  display: flex;
  justify-content: center; /* لتوسيط المحتوى أفقياً */
  align-items: center;     /* لتوسيط المحتوى عمودياً */
  padding: 10px 20px;
}

.s-slider-block__title-right h2 {
  color: #204548; /* لون بنفسجي */
  border: 2px solid #204548; /* إطار بنفسجي */
  border-radius: 15px; /* حواف مدورة */
  padding: 10px 25px;
  margin: 0;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
}


/***********************feature****************************/
.s-block--features__item {
    background-color:transparent;
}
.s-block--features__item p {
    color:#000;
}
.s-block--features__item h2 {
    color:#000;
}
.feature-icon {
    background-color:#204548 !important;
}
.feature-icon i {
    color: white !important;
}






/*********************mobile******************************/
@media only screen and (max-width: 600px) {
    .s-search-container {
      width: 250px !important;
      margin-inline: auto;
    } 
    nav#mobile-menu {
        background-color: #fef6e3 !important;
        color:#204548 !important;
    }
    section.s-block:nth-of-type(1) {
        margin-top:-10px;
    } 
    .s-block--features__item {
        grid-column: span 2/span 2;
    }
    ul.mm-spn--open li a {
        color:#204548 !important;
    }
}



.sicon-user-circle:before {

    color: #ffffff;
}


/*******************banner********************************/
a.navbar-brand {
    transform: scale(1.3);
}
section.s-block .container {
    max-width: 100%;
    padding-top: 5px;
}
section.s-block:nth-of-type(1) {
    margin-top: 15px !important;
    transform: scale(1);
}
section.s-block img {
    background-color: transparent;
}






/*******************category*********************************/
h1#page-main-title {
    color:#000;
}
.main-content label {
    color:#000;
}
nav.breadcrumbs {
    color:#000000;
}
a.text-primary {
    color: #000;
}
button.s-infinite-scroll-btn.s-button-btn.s-button-primary {
    background-color: #204548 !important;
    border: 2px solid #204548!important;
    color:#fff;
    border-radius:50px;
}


/*********************checkoutpage***********************************/
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
     background-color: #204548!important;
     border: 1px solid #bfa05b !important;
     color:#bfa05b;
     border-radius: 20px 0px;
}
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center:hover {
     background-color:transparent !important;
     border: 2px solid #37414c !important;
     color: #37414c;
}
p.text-primary {
    color:#37414c;
}
/********************************************************************/

/*******************productpage*********************/
.main-content  h1 {
    color:#000;
}
.main-content h4 {
    color:#37414c;
}
button.s-quick-buy-button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-after {
    background-color: #E479A5 !important;
    border: 1px solid #bfa05b !important;
    color:#21012e;
    border-radius: 20px 0px;
}
button.s-quick-buy-button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-after:hover {
    background-color: #37414c ;
    color:#fff;
}


.s-product-options-wrapper {
    
    background-color: transparent;
    }
    
   .p-5,
   .s-quantity-input-input ,
       .s-comments-product {
        background-color: transparent;
        }


/*********************#E479A5 *************#bfa05b***********************/

/* تنسيق خيارات المنتج (مربعات بدل Dropdown) */
.product-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
}
.product-options label {
  display: inline-block;
  padding: 10px 15px;
  border: 2px solid #E479A5;  /* أزرق داكن */
  border-radius: 12px;
  background: #bfa05b; /* خلفية فاتحة */
  color: #E479A5; /* نص أزرق */
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 70px;
  text-align: center;
}
.product-options input[type="radio"],
.product-options input[type="checkbox"] {
  display: none;
}
.product-options input:checked + label {
  background: #E479A5; /* خلفية أزرق داكن */
  color: #bfa05b; /* نص ذهبي */
  border-color: #bfa05b; /* حدود ذهبية */
  transform: scale(1.05);
  box-shadow: 0 0 8px rgba(191, 160, 91, 0.5); /* ظل ذهبي خفيف */
}
.product-options label:hover {
  border-color: #bfa05b;
  color: #bfa05b;
}

@media (max-width: 768px) {
  .product-options {
    gap: 8px;
  }
  .product-options label {
    padding: 8px 12px;
    font-size: 13px;
  }
}

/* صور الدفع */
.s-payments-list .s-payments-list-item img {
  box-shadow: 0 2px 6px #bfa05b !important; /* ظل ذهبي */
}

/* إخفاء عناصر */
salla-apps-icons,
salla-apps-icons h3 {
  display: none;
}

/* قوائم التواصل والسوشيال */
.s-social-list {
  display: flex;
  gap: 0.625rem;
  justify-content: center;
}
.s-contacts-list.s-contacts-list-vertical {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.s-menu-footer-list,
.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-is-light .store-footer .contact-social {
  border: none;
}
.s-contacts-list {
  align-items: center !important;
}

/* زر الرجوع للأعلى */
#scrollToTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: #bfa05b; /* ذهبي */
  color: #ffffff;
  border: none;
  border-radius: 50%;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  z-index: 1000;
  box-shadow: 0 4px 8px rgba(191, 160, 91, 0.5);
}

/* مؤشر التحميل */
#progress-value {
  height: 45px;
  width: 45px;
  background-color: #E479A5; /* أزرق داكن */
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 24px;
  color: #ffffff;
  font-weight: bold;
}

/* أيقونات الموبايل */
@media (max-width: 768px) {
  [class^="sicon-"], [class*=" sicon-"],
  .s-block--features [class^="sicon-"],
  .s-block--features [class*="sicon-"],
  #mainnav [class^="sicon-"],
  #mainnav [class*="sicon-"] {
    color: #bfa05b !important;
    fill: #bfa05b !important;
  }
}

/* قوائم الشاشات الكبيرة */
@media only screen and (min-width: 1024px) {
  .main-menu {
    margin-left: 3.5rem;
    margin-right: 0.5rem;
  }
  .rtl\:lg\:pr-20:where([dir="rtl"], [dir="rtl"] *) {
    padding-right: 5rem;
    background: #ffffff;
    background-repeat: no-repeat;
    background-size: contain;
    scale: 0.7;
    line-height: 0;
    margin-bottom: 0;
    margin-top: 0;
  }
}


/*****************عناويين الاقسام *********************/


.s-slider-block__title {
  cursor: pointer;  /* يخلي الماوس يظهر كيد */
}