/******************************
  🌙 Dark x White x Gold Theme
*******************************/

/* 1) القيم العامة */
:root{
  --bg:#000000;
  --text:#ffffff;
  --gold:#FFD700;
}

/* 2) خلفية عامة + نص أبيض */
body,
.header,
footer.store-footer,
.main-nav-container,
.container.grid,
.product-single .main-content{
  background-color: var(--bg) !important;
  color: var(--text) !important;
}

h1,h2,h3,h4,h5,h6,
p,span,li,a{
  color: var(--text) !important;
}

/* روابط وتأثير هوفر ذهبي عام */
a:hover,
button:hover,
.s-button-element:hover,
.s-product-card-content-title a:hover{
  color: var(--gold) !important;
  transition: color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
}

/* 3) بطاقات المنتجات (القوائم) */
.s-product-card-entry{
  background-color:#000 !important;
  border:2px solid var(--gold) !important;
  border-radius:10px;
  box-shadow:0 4px 15px rgba(255,215,0,.15);
  transition:transform .3s ease, box-shadow .3s ease;
}
.s-product-card-entry:hover{
  transform:translateY(-5px);
  box-shadow:0 6px 20px rgba(255,215,0,.35);
}

/* عنوان وسعر داخل البطاقة */
.s-product-card-content-title a{
  color:#fff !important;
  font-weight:600;
  text-align:center;
}
.s-product-card-price,
.s-product-card-sale-price h4{
  color:var(--gold) !important;
  font-weight:700;
  font-size:1rem;
}

/* زر داخل البطاقة */
.s-product-card-entry .s-button-element{
  background-color:#000 !important;
  color:#fff !important;
  border:1px solid var(--gold) !important;
  border-radius:8px;
}
.s-product-card-entry .s-button-element:hover{
  background-color:var(--gold) !important;
  color:#000 !important;
}

/* 4) صفحة المنتج */
.product-single .main-content{
  background-color:#000 !important;
  color:#fff !important;
  border:2px solid var(--gold) !important;
  border-radius:15px;
  padding:20px;
}
/* السعر داخل صفحة المنتج */
.product-single [class*="price"]{
  color:var(--gold) !important;
  font-weight:700;
  font-size:1.2rem;
  text-shadow:0 0 6px rgba(0,0,0,.5);
}
/* أزرار داخل صفحة المنتج */
.product-single .s-button-element,
.product-single .cart-submit-wrap .s-button-element{
  background-color:#000 !important;
  color:#fff !important;
  border:1px solid var(--gold) !important;
  border-radius:8px;
}
.product-single .s-button-element:hover,
.product-single .cart-submit-wrap .s-button-element:hover{
  background-color:var(--gold) !important;
  color:#000 !important;
}

/* صور المنتج: منع القص على الجوال */
.product-single .woocommerce-product-gallery__image img,
.product-single .s-product-gallery img,
.product-single .product-gallery img{
  width:100%;
  height:auto !important;
  object-fit:contain !important;
}

/* 5) آراء العملاء — أفقي (سحب جانبي) */
.customer-reviews,
.testimonials,
.reviews-section{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  gap:20px;
  padding:10px;
  scroll-behavior:smooth;
}
.customer-reviews::-webkit-scrollbar,
.testimonials::-webkit-scrollbar,
.reviews-section::-webkit-scrollbar{
  height:6px;
}
.customer-reviews::-webkit-scrollbar-thumb,
.testimonials::-webkit-scrollbar-thumb,
.reviews-section::-webkit-scrollbar-thumb{
  background:var(--gold);
  border-radius:4px;
}
.customer-reviews .review-item,
.testimonials .testimonial-item,
.reviews-section .review-item{
  flex:0 0 80%;
  min-width:300px;
  background-color:#111;
  color:#fff;
  border:1px solid var(--gold);
  border-radius:10px;
  padding:20px;
  scroll-snap-align:start;
  box-shadow:0 4px 10px rgba(255,215,0,.2);
}

/* 6) عناوين الأقسام في الوسط */
.s-block__title h2,
.s-slider-block__title h2,
.features-section h2{
  text-align:center;
  margin:0 auto 20px;
  display:inline-block;
  color:#fff;
  border-bottom:3px solid var(--gold);
  padding-bottom:5px;
  font-weight:700;
  font-size:22px;
}
.s-block__title,
.s-slider-block__title,
.features-section{
  text-align:center;
}

/* 7) إصلاح الصفحة السفلية (لماذا تختارنا / فوتر) */
footer,
.footer,
.site-footer,
.page-footer,
.section-why-us,
.why-choose-us,
.choose-us-section{
  background-color:#000 !important;
  color:#fff !important;
  padding:40px 20px;
}
footer h2,footer h3,footer h4,
.footer h2,.footer h3,.footer h4,
.section-why-us h2,.why-choose-us h2,.choose-us-section h2{
  color:var(--gold) !important;
  font-weight:700;
  margin-bottom:15px;
  text-align:center;
}
footer p,footer li,
.footer p,.footer li,
.section-why-us p,.why-choose-us p,.choose-us-section p{
  color:#fff !important;
  line-height:1.7;
  text-align:center;
}
footer a,.footer a{
  color:#fff !important;
}
footer a:hover,.footer a:hover{
  color:var(--gold) !important;
}
/* مربعات داخل هذه الأقسام */
footer .item,
.footer .item,
.section-why-us .item,
.why-choose-us .item,
.choose-us-section .item{
  background-color:#111 !important;
  border:1px solid var(--gold) !important;
  padding:15px;
  border-radius:8px;
  margin-bottom:15px;
}

/* 8) قسم (الخيارات / الطلبات المكتملة / عميل سعيد / الدعم الفني) */
.features-section,
.info-boxes,
.stats-section{
  background-color:#000 !important;
  color:#gold !important;
  padding:40px 20px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:20px;
  text-align:center;
}
.features-section .item,
.info-boxes .item,
.stats-section .item{
  background-color:#111;
  border:1px solid var(--gold);
  border-radius:10px;
  padding:20px;
  flex:1 1 200px;
  min-width:200px;
  max-width:260px;
  box-shadow:0 4px 10px rgba(255,215,0,.15);
  transition:transform .3s ease, box-shadow .3s ease;
}
.features-section .item:hover,
.info-boxes .item:hover,
.stats-section .item:hover{
  transform:translateY(-5px);
  box-shadow:0 6px 20px rgba(255,215,0,.4);
}
.features-section .item i,
.info-boxes .item i,
.stats-section .item i{
  font-size:30px;
  color:var(--gold);
  margin-bottom:10px;
}
.features-section .item h3,
.info-boxes .item h3,
.stats-section .item h3{
  color:var(--gold) !important;
  font-size:18px;
  font-weight:700;
  margin-bottom:10px;
}
.features-section .item p,
.info-boxes .item p,
.stats-section .item p{
  color:#fff !important;
  font-size:14px;
  line-height:1.6;
}

/* 9) حقل الكمية + أزرار الزيادة/النقصان */
input[type="number"],
.quantity-input,
.s-quantity-input{
  background-color:#111 !important;
  color:#fff !important;
  border:1px solid var(--gold) !important;
  border-radius:5px;
  padding:6px 10px;
}
button.quantity-button{
  background-color:#000 !important;
  color:#fff !important;
  border:1px solid var(--gold) !important;
  border-radius:5px;
  padding:6px 10px;
  cursor:pointer;
}
button.quantity-button:hover{
  background-color:var(--gold) !important;
  color:#000 !important;
}

/* 10) تحسينات استجابة */
@media (max-width: 768px){
  .customer-reviews .review-item,
  .testimonials .testimonial-item,
  .reviews-section .review-item{
    flex:0 0 90%;
  }
  .features-section .item,
  .info-boxes .item,
  .stats-section .item{
    min-width: 45%;
    max-width: 100%;
  }
}
@media (max-width: 480px){
  .features-section .item,
  .info-boxes .item,
  .stats-section .item{
    min-width: 100%;
  }
}