/* ==========================================================
   DARK HORSE — darkhorse.sa — ثيم رائد (Raed) — الإصدار 1
   يُلصق في: تصميم المتجر → تخصيص → تخصيص باستخدام CSS
   المحددات من DOM الصفحة الفعلي (theme-raed) — لا تخمين
   ========================================================== */

:root{
  --dh-black:#111111;
  --dh-ink:#1c1c1c;
  --dh-red:#D9213B;
  --dh-sand:#C9A97C;
  --dh-silver:#9A9A9A;
  --dh-line:rgba(255,255,255,.12);
  --dh-radius:4px;
}

/* ---------- 1. الشريط العلوي (البحث) ---------- */
header.store-header .top-navbar{background:#000!important;border-bottom:1px solid var(--dh-line);}
header.store-header .top-navbar .s-search-input-wrapper{
  background:var(--dh-ink)!important;border:1px solid var(--dh-line)!important;border-radius:var(--dh-radius)!important;
}
header.store-header .top-navbar .s-search-input{color:#fff!important;}
header.store-header .top-navbar .s-search-input::placeholder{color:var(--dh-silver)!important;}
header.store-header .top-navbar .s-search-icon{color:var(--dh-silver)!important;}

/* ---------- 2. الهيدر الرئيسي (الشعار + القائمة) ---------- */
#mainnav.main-nav-container{background:var(--dh-black)!important;box-shadow:none!important;border-bottom:1px solid var(--dh-line);}
#mainnav .navbar-brand img{filter:invert(1);max-height:62px;width:auto;}  /* +18% */
#mainnav .sicon-menu{color:#fff!important;}
#mainnav .s-user-menu-login-btn,
#mainnav .s-user-menu-login-btn i,
#mainnav .s-cart-summary-wrapper,
#mainnav .s-cart-summary-icon i,
#mainnav .s-cart-summary-total{color:#fff!important;}
#mainnav .s-user-menu-login-btn:hover,#mainnav .s-cart-summary-wrapper:hover i{color:var(--dh-sand)!important;}
.s-cart-summary-count{background:var(--dh-red)!important;color:#fff!important;font-weight:700;}

/* القائمة الأفقية — الأقسام الـ11 */
#mainnav .main-menu li.root-level > a{
  color:#fff!important;font-weight:700;font-size:15px;padding:24px 13px!important;white-space:nowrap;
  border-bottom:3px solid transparent;transition:color .2s,border-color .2s;
}
#mainnav .main-menu li.root-level > a:hover{color:#fff!important;border-bottom-color:var(--dh-red);}
#mainnav .main-menu li.root-level.has-children > a i{color:var(--dh-sand);}
/* القوائم الفرعية */
#mainnav .main-menu .sub-menu{
  background:#fff!important;border:1px solid #e5e5e5;border-top:3px solid var(--dh-red);border-radius:0 0 var(--dh-radius) var(--dh-radius);
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
#mainnav .main-menu .sub-menu a{color:var(--dh-black)!important;font-weight:600;}
#mainnav .main-menu .sub-menu a:hover{color:var(--dh-red)!important;background:#fafafa;}

/* قائمة الجوال */
nav#mobile-menu{background:var(--dh-black)!important;color:#fff;}
nav#mobile-menu .main-menu li a{color:#fff!important;border-bottom:1px solid var(--dh-line);}
nav#mobile-menu .main-menu li a.text-gray-500{color:var(--dh-sand)!important;}
nav#mobile-menu .btn--close{color:#fff!important;}

/* ---------- 3. البانر الرئيسي (السلايدر) ---------- */
.s-block--hero-slider .swiper-slide{background:var(--dh-black)!important;}
.s-block--hero-slider .overlay-bg{box-shadow:inset 0 0 0 100vmax rgba(0,0,0,.28);background-position:center 40%!important;}  /* تعتيم أخف */
.s-block--hero-slider .swiper-slide{min-height:clamp(340px,42vw,600px)!important;}
.s-block--hero-slider .home-slider__content h2{
  font-size:clamp(28px,4.5vw,56px)!important;font-weight:800!important;color:#fff!important;
  text-shadow:0 2px 24px rgba(0,0,0,.6);margin-bottom:12px!important;
}
.s-block--hero-slider .home-slider__content .description{
  color:#fff!important;opacity:.92;font-size:clamp(14px,1.4vw,18px);text-shadow:0 1px 12px rgba(0,0,0,.6);
}
.s-block--hero-slider .home-slider__content .s-button-element{
  background:var(--dh-red)!important;border-color:var(--dh-red)!important;color:#fff!important;border-radius:var(--dh-radius)!important;font-weight:700;
}
.s-block--hero-slider .home-slider__content .s-button-element:hover{background:#fff!important;border-color:#fff!important;color:var(--dh-black)!important;}

/* ---------- 4. بطاقة المنتج ---------- */
.s-product-card-entry{
  border:1px solid #e9e9e9!important;border-radius:var(--dh-radius)!important;box-shadow:none!important;
  background:#fff;transition:border-color .2s,transform .2s;
}
.s-product-card-entry:hover{border-color:var(--dh-black)!important;}
.s-product-card-image{background:#f6f6f6;border-radius:0!important;}
.s-product-card-content-title,.s-product-card-content-title a{font-weight:700!important;color:var(--dh-black)!important;line-height:1.5;}
.s-product-card-content-title a:hover{color:var(--dh-red)!important;}
.s-product-card-content-subtitle{color:var(--dh-silver)!important;opacity:1!important;font-size:13px;}
.s-product-card-price{color:var(--dh-black)!important;font-weight:800!important;}
.s-product-card-price del,.s-product-card-price .line-through{color:var(--dh-silver)!important;font-weight:400!important;}
.s-product-card-promotion-title{
  background:var(--dh-black)!important;color:#fff!important;border-radius:2px!important;font-weight:700;font-size:11px;
}
.s-product-card-out-of-stock .s-product-card-image{opacity:.6;}

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

/* ---------- 5. الأزرار ---------- */
.s-button-element.s-button-btn{border-radius:var(--dh-radius)!important;font-weight:700!important;}
/* أضف إلى السلة (outline) */
.s-button-element.s-button-primary-outline:not(.s-button-disabled){
  background:#fff!important;border:1.5px solid var(--dh-black)!important;
}
.s-button-element.s-button-primary-outline:not(.s-button-disabled),
.s-button-element.s-button-primary-outline:not(.s-button-disabled) .s-button-text,
.s-button-element.s-button-primary-outline:not(.s-button-disabled) i{color:var(--dh-black)!important;}
.s-button-element.s-button-primary-outline:not(.s-button-disabled):hover{background:var(--dh-black)!important;}
.s-button-element.s-button-primary-outline:not(.s-button-disabled):hover,
.s-button-element.s-button-primary-outline:not(.s-button-disabled):hover .s-button-text,
.s-button-element.s-button-primary-outline:not(.s-button-disabled):hover i{color:#fff!important;}
/* الأزرار الممتلئة (صفحة المنتج) */
.s-button-element.s-button-primary:not(.s-button-outline):not(.s-button-disabled){
  background:var(--dh-black)!important;border-color:var(--dh-black)!important;color:#fff!important;
}
.s-button-element.s-button-primary:not(.s-button-outline):not(.s-button-disabled) .s-button-text{color:#fff!important;}
.s-button-element.s-button-primary:not(.s-button-outline):not(.s-button-disabled):hover{
  background:var(--dh-red)!important;border-color:var(--dh-red)!important;
}
/* نفدت الكمية */
.s-button-element.s-button-disabled{background:#f3f3f3!important;border-color:#e5e5e5!important;}
.s-button-element.s-button-disabled,.s-button-element.s-button-disabled .s-button-text{color:#a3a3a3!important;}

/* ---------- 6. شريط الميزات ---------- */
.s-block--features{padding-top:8px;padding-bottom:8px;}
.s-block--features__item{
  background:#fff;border:1px solid #ececec;border-radius:var(--dh-radius);padding:22px 18px;
  display:flex;align-items:center;gap:14px;
}
.s-block--features__item .feature-icon{
  width:52px;height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:center;
  background:var(--dh-black);border-radius:50%;
}
.s-block--features__item .feature-icon i{color:var(--dh-sand)!important;font-size:24px;}
.s-block--features__item h2{font-weight:800;color:var(--dh-black);font-size:16px;margin:0 0 4px;}
.s-block--features__item p{color:#666;font-size:13px;margin:0;}

/* ---------- 7. آراء العملاء ---------- */
.s-reviews-header{font-weight:800;color:var(--dh-black);position:relative;padding-bottom:10px;}
.s-reviews-header::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:48px;height:3px;background:var(--dh-red);}
.s-reviews-testimonial__inner{border:1px solid #ececec;border-radius:var(--dh-radius);box-shadow:none!important;}
.s-rating-stars-selected{color:var(--dh-sand)!important;}
.s-slider-nav-arrow{border-color:var(--dh-black)!important;color:var(--dh-black)!important;}
.s-slider-nav-arrow:hover{background:var(--dh-black)!important;color:#fff!important;}

/* ---------- 8. الفوتر ---------- */
footer.store-footer{background:var(--dh-black)!important;color:#d6d6d6;}
footer.store-footer .store-footer__inner{background:transparent!important;}
footer.store-footer h3,footer.store-footer .s-contacts-title{color:var(--dh-sand)!important;font-weight:700;}
footer.store-footer a.flex.items-center img{filter:invert(1);max-height:56px;}
footer.store-footer p,footer.store-footer a,footer.store-footer .s-contacts-item,
footer.store-footer .s-menu-footer-list a,footer.store-footer .ql-direction-rtl{color:#d6d6d6!important;}
footer.store-footer a:hover{color:#fff!important;}
footer.store-footer .s-trust-badges-label,footer.store-footer .s-trust-badges-number{color:#fff!important;}
footer.store-footer .s-social-list a{color:#fff!important;}
footer.store-footer .s-social-list a:hover{color:var(--dh-red)!important;}
footer.store-footer .copyright-text,footer.store-footer .text-gray-400{color:var(--dh-silver)!important;}
footer.store-footer .s-payments-list-item img{filter:grayscale(1) brightness(1.7);}
footer.store-footer .md\:flex.items-center.justify-between{border-top:1px solid var(--dh-line);}

/* ---------- 9. عام ---------- */
.s-modal-body{border-radius:var(--dh-radius)!important;}
a:focus-visible,button:focus-visible{outline:2px solid var(--dh-red)!important;outline-offset:2px;}

/* ---------- 10. الجوال ---------- */
@media (max-width:1023px){
  #mainnav .navbar-brand img{max-height:44px;}
  .s-block--hero-slider .overlay-bg{background-position:68% center!important;}  /* يُبقي الفارس ظاهراً على الجوال */
  .s-block--hero-slider .home-slider__content{width:88%!important;}
  .s-block--hero-slider .home-slider__content h2{font-size:28px!important;}
  .s-block--hero-slider .home-slider__content .description{font-size:14px;}
  .s-block--features__item{padding:16px 12px;gap:10px;}
  .s-block--features__item .feature-icon{width:44px;height:44px;flex-basis:44px;}
}

/* ---------- 11. نافذة البحث ---------- */
.s-search-modal .s-modal-overlay{background:rgba(17,17,17,.55)!important;}
.s-search-modal .s-modal-body{
  background:#fff!important;border-radius:6px!important;padding:14px!important;
  box-shadow:0 20px 60px rgba(0,0,0,.35)!important;max-width:760px!important;
}
.s-search-modal .s-search-input-row{
  border:2px solid var(--dh-black);border-radius:6px;background:#fff;padding:2px 12px;
  transition:border-color .15s,box-shadow .15s;
}
.s-search-modal .s-search-input-row:focus-within{border-color:var(--dh-red);box-shadow:0 0 0 4px rgba(217,33,59,.12);}
.s-search-modal .s-search-input{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--dh-black)!important;font-size:17px;font-weight:600;height:46px;}
.s-search-modal .s-search-input::placeholder{color:#9a9a9a!important;font-weight:400;}
.s-search-modal .s-search-icon,.s-search-modal .s-search-back-btn{color:var(--dh-black)!important;}
.s-search-modal .s-search-divider{display:none!important;}
.s-search-modal .s-search-idle-panel{min-height:0!important;padding:0!important;}
.s-search-modal .s-search-idle-panel:empty{display:none;}
.s-search-modal .s-search-panel{padding:0!important;}

/* ---------- 12. بوابة التحقق من العمر (+18) — يعمل مع age-gate.js ---------- */
html.dh-age-locked{overflow:hidden!important;}
#dh-age-gate{
  position:fixed;inset:0;z-index:99999;background:rgba(10,10,10,.96);
  display:flex;align-items:center;justify-content:center;padding:24px;direction:rtl;
}
#dh-age-gate .dh-age-box{
  width:100%;max-width:460px;background:#111;border:1px solid var(--dh-line);border-top:4px solid var(--dh-red);
  border-radius:6px;padding:36px 28px;text-align:center;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.7);
}
#dh-age-gate .dh-age-logo{max-height:56px;margin:0 auto 18px;filter:invert(1);}
#dh-age-gate .dh-age-badge{
  display:inline-block;background:var(--dh-red);color:#fff;font-weight:800;font-size:20px;
  padding:6px 16px;border-radius:4px;margin-bottom:16px;letter-spacing:1px;
}
#dh-age-gate h2{font-size:22px;font-weight:800;margin:0 0 10px;color:#fff;}
#dh-age-gate p{color:#cfcfcf;font-size:15px;line-height:1.8;margin:0 0 24px;}
#dh-age-gate .dh-age-actions{display:flex;flex-direction:column;gap:10px;}
#dh-age-gate button{
  width:100%;padding:14px;border-radius:4px;font-weight:700;font-size:16px;cursor:pointer;border:1.5px solid transparent;
  font-family:inherit;
}
#dh-age-gate .dh-age-yes{background:#fff;color:#111;border-color:#fff;}
#dh-age-gate .dh-age-yes:hover{background:var(--dh-red);color:#fff;border-color:var(--dh-red);}
#dh-age-gate .dh-age-no{background:transparent;color:#9a9a9a;border-color:#333;}
#dh-age-gate .dh-age-no:hover{color:#fff;border-color:#666;}