:root{
  --color-primary: #d4af37 !important;
  --color-primary-dark: #b8952a !important;
  --color-primary-light: #f1d488 !important;
  --color-primary-reverse: #0a0a0a !important;
  --color-mainnav-bg: #0a0a0a !important;
  --color-mainnav-color: #d4af37 !important;
  --color-mainnav-color-in-bg-transparent: #d4af37 !important;
  --color-section-background: #111111 !important;
  --color-section-border: rgba(212,175,55,0.18) !important;
  --color-product-background: #161616 !important;
  --color-normal-price-color: #f5f3ee !important;
  --color-sale-price-color: #d4af37 !important;
  --card-btn-bg-color: #d4af37 !important;
  --card-btn-text-color: #0a0a0a !important;
}
body{
  background-color: #0a0a0a !important;
  color: #f5f3ee !important;
}
.store-header{
  background-color: #0a0a0a !important;
  border-bottom: 1px solid rgba(212,175,55,0.2) !important;
}
.store-header, .store-header a, .store-header span, .store-header svg{
  color: #f5f3ee !important;
}
.store-header a:hover{
  color: #d4af37 !important;
}
.top-nav.has-custom-colors{
  background-color: #0a0a0a !important;
  color: #d4af37 !important;
}
.store-footer-wrap{
  background-color: #0a0a0a !important;
  color: #a8a196 !important;
  border-top: 1px solid rgba(212,175,55,0.2) !important;
}
.store-footer-wrap a{
  color: #a8a196 !important;
}
.store-footer-wrap a:hover{
  color: #d4af37 !important;
}
.bg-white{
  background-color: #0d0d0d !important;
}
.product-entry{
  background-color: #161616 !important;
  border-color: rgba(212,175,55,0.15) !important;
}
.product-entry .product-entry__image-main{
  background-color: #1c1c1c !important;
}
.product-entry__title, .product-entry a{
  color: #f5f3ee !important;
}
.product-entry__title:hover{
  color: #d4af37 !important;
}
h1, h2, h3, h4, h5, h6, .section-title, .s-block-title{
  color: #f1d488 !important;
}
salla-button button, .btn.btn--primary, button.btn-primary{
  background-color: #d4af37 !important;
  color: #0a0a0a !important;
  border-color: #d4af37 !important;
}
salla-button button:hover{
  background-color: #f1d488 !important;
}
.badge, .product-entry__badge{
  background-color: #b23b3b !important;
  color: #ffffff !important;
}
.main-nav, .main-nav .inner{
  background-color: #0a0a0a !important;
}
.main-nav a, .main-nav .main-menu-item, .main-nav .quicklinks-item, .main-nav span{
  color: #d4af37 !important;
}
.main-nav a:hover{
  color: #f1d488 !important;
}
.top-nav, .top-nav .inner{
  background-color: #0a0a0a !important;
}
.bg-gray-50, .bg-gray-100, .bg-gray-200{
  background-color: #f5f3ee !important;
}
.s-slider-container, .swiper-wrapper{
  background-color: transparent !important;
}
footer, .store-footer-wrap, .footer{
  background-color: #0a0a0a !important;
  color: #a8a196 !important;
}

.store-footer{
  background-color: #0a0a0a !important;
}
.store-footer *{
  color: #a8a196 !important;
}
.store-footer h1, .store-footer h2, .store-footer h3, .store-footer h4{
  color: #f1d488 !important;
} .anime-item{opacity:1 !important;transform:none !important;visibility:visible !important} img.lazy,.lazy{opacity:1 !important} .s-block--anime img,.s-block--categories img,.s-block--anime .banner{opacity:1 !important.anime-item{
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
img.lazy, .lazy{
  opacity: 1 !important;
}
.s-block--anime img, .s-block--categories img, .s-block--anime .banner{
  opacity: 1 !important;
}}
/* ===================== إصلاح التباين — أوت سايد ===================== */

/* --- 1) لوحة البحث المنسدلة (كانت بيضاء بالكامل) --- */
.side-panel--top,
.side-panel--top .side-panel__content,
.s-search-panel,
aside.side-panel{
  background-color: #0d0d0d !important;
  border-bottom: 1px solid rgba(212,175,55,.35) !important;
}
.side-panel--top h3,
.side-panel--top .side-panel__title{
  color: #f1d488 !important;
}
.s-search-input,
input.s-search-input{
  background-color: #161616 !important;
  color: #f5f3ee !important;
  border: 1px solid rgba(212,175,55,.35) !important;
  border-radius: 8px !important;
}
.s-search-input::placeholder{ color: #8f8a80 !important; }

/* --- 2) صناديق خيارات المنتج داخل السلة (كانت بيضاء والنص عليها أبيض) --- */
salla-product-options,
.s-product-options-wrapper,
.s-product-options-option,
.s-product-options-option-content{
  background-color: #161616 !important;
  border-color: rgba(212,175,55,.28) !important;
  border-radius: 10px !important;
}
.s-product-options-option-label,
.s-product-options-option label{
  color: #f1d488 !important;
}

/* --- 3) كل حقول الإدخال والقوائم المنسدلة --- */
.s-form-control,
input[type="text"], input[type="email"], input[type="tel"],
input[type="number"], input[type="search"], input[type="password"],
select, textarea{
  background-color: #161616 !important;
  color: #f5f3ee !important;
  border: 1px solid rgba(212,175,55,.35) !important;
}
select option{
  background-color: #161616 !important;
  color: #f5f3ee !important;
}
input::placeholder, textarea::placeholder{ color: #8f8a80 !important; }
.s-form-control:focus, input:focus, select:focus, textarea:focus{
  border-color: #d4af37 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(212,175,55,.22) !important;
}

/* --- 4) خانة الكمية (الرقم كان أبيض على أبيض = مختفي) --- */
.s-quantity-input-input,
salla-quantity-input input,
.s-quantity-input input{
  background-color: #161616 !important;
  color: #f5f3ee !important;
  border-color: rgba(212,175,55,.35) !important;
}
.s-quantity-input-button,
salla-quantity-input button{
  background-color: #1e1e1e !important;
  color: #f1d488 !important;
  border-color: rgba(212,175,55,.35) !important;
}

/* --- 5) أي صندوق أبيض متبقٍ داخل المتجر --- */
.bg-white:not(img):not(.s-product-card-image),
.cart-item,
.s-block--products-slider .bg-white{
  background-color: #0d0d0d !important;
}

/* --- 6) نصوص خافتة جداً على الأسود --- */
.text-gray-400, .text-gray-500{ color: #a8a196 !important; }
.getbutton-widget, #getbutton, [id*="getbutton"]{
  bottom: 90px !important;
}