:root{
  --jv-navy:#16263D;
  --jv-gold:#C8A96B;
  --jv-gold-light:#D8C28A;
  --jv-cream:#F3EEE2;
  --jv-text:#1D1D1D;
}

/* الخلفية العامة */
body,
.app-inner,
.main-content,
.s-block{
  background:var(--jv-cream)!important;
}

/* =========================
   الهيدر
========================= */

.store-header,
.main-nav-container,
.header-top,
header{
  background:var(--jv-navy)!important;
  border:none!important;
}

/* الأيقونات */
header svg,
.store-header svg,
.main-nav-container svg{
  color:var(--jv-gold)!important;
  fill:var(--jv-gold)!important;
}

/* إزالة أي خلفيات خلف الأيقونات */
.header-btn,
.header-btn *,
.navbar-brand,
.navbar-brand *,
.store-header .logo,
.store-header .logo *{
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
}

/* الشعار */
.store-header img,
.navbar-brand img{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  max-height:35px!important;
}

/* =========================
   العناوين
========================= */

h1,h2,h3,h4,
.section-title,
.s-block__title{
  color:var(--jv-navy)!important;
}

/* =========================
   بطاقات المنتجات
========================= */

.product-entry,
.s-product-card-entry,
.s-product-card-content{
  background:#fffdf8!important;
  border:1px solid rgba(200,169,107,.35)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}

/* أسماء المنتجات */

.product-entry__title,
.s-product-card-content-title{
  color:var(--jv-navy)!important;
  font-weight:700!important;
}

/* الأسعار */

.product-price,
.s-price,
.s-product-card-price{
  color:var(--jv-gold)!important;
  font-weight:700!important;
}

/* =========================
   الأزرار
========================= */

button,
.btn,
.s-button-primary,
.product-entry__add-to-cart{
  background:var(--jv-navy)!important;
  color:var(--jv-gold)!important;
  border:1px solid var(--jv-gold)!important;
}

/* =========================
   إزالة المربعات الكحلية الصغيرة
========================= */

[class*="decoration"],
[class*="ornament"],
[class*="shape"],
[class*="corner"]{
  display:none!important;
}

/* =========================
   الأسئلة الشائعة
========================= */

.s-accordion-item,
.accordion__item{
  background:#fffdf8!important;
  border:1px solid rgba(200,169,107,.45)!important;
}

.s-accordion-item *{
  color:var(--jv-navy)!important;
}

/* =========================
   الفوتر
========================= */

.store-footer,
.store-footer__inner,
footer{
  background:#16263D!important;
  color:var(--jv-gold-light)!important;
  border-top:1px solid rgba(200,169,107,.25)!important;
}

.store-footer h3,
.store-footer h4,
.store-footer a,
.store-footer p,
.store-footer li,
.store-footer span{
  color:var(--jv-gold-light)!important;
}

/* أزرار التواصل بالفوتر */

.store-footer .btn,
.store-footer button,
.store-footer a[href^="tel"],
.store-footer a[href^="mailto"]{
  background:transparent!important;
  border:1px solid var(--jv-gold)!important;
  color:var(--jv-gold)!important;
}

/* =========================
   زر المحادثة
========================= */

.s-chat-widget,
.chat-widget-button{
  background:var(--jv-navy)!important;
  border:1px solid var(--jv-gold)!important;
}

/* =========================
   شريط العرض العلوي
========================= */

.announcement-bar,
.salla-advertisement{
  background:var(--jv-navy)!important;
  color:var(--jv-gold)!important;
}
/* إزالة خلفيات أيقونات الهيدر */
.header-btn,
.header-btn a,
.header-btn button,
.sicon-user,
.sicon-search,
.sicon-shopping-bag,
.s-cart-summary-wrapper,
.s-user-menu-trigger,
.s-search-icon,
.main-nav-container button,
.main-nav-container a{
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
}

.header-btn::before,
.header-btn::after,
.main-nav-container button::before,
.main-nav-container button::after,
.main-nav-container a::before,
.main-nav-container a::after{
  display:none!important;
}
/* إخفاء مربعات أزرار تسوق الآن الصغيرة داخل البانرات */
.s-slider-block__display-all,
.s-block--hero-slider .btn,
.s-block--hero-slider button,
.s-block--hero-slider a.btn,
.s-block--hero-slider .s-button-element,
.s-block--features__item .btn,
.banner-entry .btn,
.banner-entry button,
.banner-entry a,
.s-banner .btn,
.s-banner button,
.s-banner a.btn,
.s-slider-container .btn,
.s-slider-container button,
.s-slider-container a.btn {
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* إخفاء أي زر صغير كحلي داخل صور الأقسام */
.s-block--banners .btn,
.s-block--banners button,
.s-block--banners a.btn,
.s-block--banners .s-button-element,
.s-block--fixed-banner .btn,
.s-block--fixed-banner button,
.s-block--fixed-banner a.btn {
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* منع ظهور خلفية كحلية لأزرار فارغة */
a:empty,
button:empty,
.btn:empty,
.s-button-element:empty {
  display:none!important;
}
/* لون كتابة القائمة الجانبية */

.sidebar-menu a,
.menu-item a,
.nav-menu a,
.offcanvas a,
.mobile-menu a,
.slide-menu a,
.s-menu a,
.sidenav a{
    color:#16263D !important;
    font-weight:600 !important;
}

/* عنوان القائمة الرئيسية */

.sidebar-menu .title,
.offcanvas .title,
.mobile-menu .title,
.s-menu .title{
    color:#16263D !important;
}

/* الأسهم الجانبية */

.sidebar-menu svg,
.sidebar-menu i,
.offcanvas svg,
.mobile-menu svg{
    color:#16263D !important;
    fill:#16263D !important;
}

/* إذا فيه طبقة شفافة فوق القائمة */

.offcanvas,
.mobile-menu,
.sidebar-menu,
.s-menu{
    color:#16263D !important;
}
/* كتابة تسوق الآن داخل مربع الفقرة النصية */
.s-block-text .btn,
.s-block-text button,
.s-block-text a[class*="btn"],
.s-block--text .btn,
.s-block--text button,
.s-block--text a[class*="btn"]{
  background:#16263D !important;
  border:1px solid #C8A96B !important;
  color:transparent !important;
  font-size:0 !important;
  min-width:90px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.s-block-text .btn::after,
.s-block-text button::after,
.s-block-text a[class*="btn"]::after,
.s-block--text .btn::after,
.s-block--text button::after,
.s-block--text a[class*="btn"]::after{
  content:"تسوق الآن";
  color:#C8A96B !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
}
.s-block-text a::after,
.s-block--text a::after{
  content:"تسوق الآن";
  color:#C8A96B !important;
  font-size:13px !important;
  font-weight:700 !important;
}