/* develope By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */ 
 
:root{
  --color-primary:#151515;
  --3:#edf5ff;
  --4:#141414;
  --4-4-4:#353434;
  --4-4:#0c0c0ca1;
  --gr:linear-gradient(to top,var(--5),var(--6)) !important;
  --5:#00ffee;
  --6:#f8324b;
  --7:#00ffee;
  --logo:url("https://cdn.salla.sa/form-builder/fEZpiPtZJQfAYdtVZfPmSn6UlUkwXSmL7vOeNxvS.png");
}

/* ===============================
   LOGO
=================================*/
.navbar-brand img{
  max-height:3rem;
  width:auto;
  max-width:300px;
}

body.index:after{
  content:"";
  width:100%;
  height:100%;
  top:0;
  position:fixed;
  z-index:999999;
  background:url("https://cdn.salla.sa/form-builder/fEZpiPtZJQfAYdtVZfPmSn6UlUkwXSmL7vOeNxvS.png") center/200px no-repeat #000;
  left:0;
  animation-name:fade-in;
  animation-duration:3s;
  animation-fill-mode:forwards;
}

@keyframes fade-in{
  0%,50%{opacity:1;}
  50%{transform:scale(1.2);}
  100%{opacity:0;visibility:hidden;transform:scale(1.5);}
}

@media only screen and (min-width:1130px){
  section:nth-child(4) > div{max-width:47%;}

  #mainnav>div>div>div>div:nth-child(1)>a.navbar-brand>img{
    position:relative;
    right:661px;
    top:0;
    max-width:181px;
    max-height:5rem;
    transition:all 1s;
    margin-right:-55px;
  }

  .header-btn__icon{
    box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;
    z-index:2;
    position:relative;
  }

  a.s-cart-summary-wrapper{z-index:2;}

  .s-cart-summary-count:where([dir=rtl],[dir=rtl] *){
    right:-.375rem;
    z-index:3;
  }

  .banner-entry{
    transition:all .5s;
    animation:XX 2000ms linear infinite;
    height:515px;
    border-radius:0 !important;
  }

  #mainnav>div>div>div>div:nth-child(1)>a.navbar-brand{
    max-width:100%;
    width:auto;
    position:absolute;
    background:0 0;
    transition:all 1s;
    z-index:2;
  }

  .fixed-pinned a.navbar-brand>img{
    right:0 !important;
    top:0 !important;
    transition:all 1s;
    max-width:74px !important;
    max-height:3rem !important;
  }

  .fixed-pinned .navbar-brand{
    max-width:100%;
    width:auto !important;
    position:absolute;
    background:transparent !important;
    transition:all 1s;
  }

  #mainnav>div>div>div>div:nth-child(1)>a.navbar-brand>img:hover{
    transform:scale(1.03);
    transition:.25s;
  }
}

/* ===============================
   GENERAL
=================================*/
body#app.index{background:#021126;}

.lazy__bg.lazy.entered.loaded{
  background-size:contain;
  background-repeat:no-repeat;
}

a.banner-entry.square-photos{background:transparent;}

img{
  background:transparent !important;
  border-radius:0;
}

salla-slider.photos-slider .swiper-slide{
  width:100%;
  margin:0;
  padding:0;
  border-radius:0;
}

.rounded-md{border-radius:0 !important;}

#photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden{
  padding:0;
}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--photos-slider{
  margin:0;
}

/* ===============================
   PRODUCT IMAGE HOVER
=================================*/
.s-product-card-image img.loaded{transition:all .5s;}
.s-product-card-image img.loaded:hover{
  transform:rotate(8deg) scale(1.3);
  transition:all .5s;
}

/* =========================================================
   ✅ FIX مهم: امسح "الكرت الأسود الكبير/المكرر"
   خَلِّ الـ wrapper حق السلايدر شفاف 100%
========================================================= */
body .s-products-slider-card.swiper-slide,
.s-products-slider-card.swiper-slide,
.swiper-slide,
.s-slider-wrapper,
.s-slider-container,
.swiper,
.swiper-wrapper{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  padding:0 !important;
}

/* امنع أي طبقات تسبب تكرار */
.s-products-slider-card.swiper-slide::before,
.s-products-slider-card.swiper-slide::after{
  content:none !important;
  display:none !important;
}

/* =========================================================
   ✅ المنتج فقط: خلي الكرت أبيض (بدون أسود)
========================================================= */
custom-salla-product-card.s-product-card-entry,
.s-products-list custom-salla-product-card.s-product-card-entry{
  border:2px solid #e5e7eb !important;
  padding:7px !important;
  border-radius:17px !important;
  height:97% !important;
  margin-top:8px !important;
  background:#ffffff !important;
  color:#111827 !important;
  box-shadow:0 10px 25px rgba(0,0,0,.08) !important;
}

/* لون العنوان */
custom-salla-product-card .s-product-card-content-title a{
  color:#111827 !important;
}

/* السعر */
custom-salla-product-card .s-product-card-sale-price h4,
custom-salla-product-card .s-product-card-sale-price span,
custom-salla-product-card .sicon-sar{
  color:#111827 !important;
}

/* محاذاة وسط مثل قبل */
.flex.mb-6,
.store-footer h3,
.s-product-card-content-sub,
.store-footer a,
.s-product-card-content-title a,
.store-footer .contact-social ul,
.footer-is-light .store-footer .store-footer__inner{
  text-align:center !important;
  justify-content:center !important;
}

/* ===============================
   TITLES
=================================*/
[dir=rtl] .s-slider-block__title h2{
  padding-left:0 !important;
  color:white;
  font-size:2rem;
  padding-right:11px;
}

.s-slider-block__title-left{display:none;}

.s-button-primary-outline{border:3px solid #111827 !important;}
.s-button-primary-outline{color:#111827 !important;}

section:nth-child(6) > div{
  max-width:97%;
  padding:0;
}

/* ===============================
   FOOTER
=================================*/
.store-footer__inner{background:#1d2a4a;}

.store-footer__inner:before{
  text-align:center;
  content:"";
  display:block;
  height:110px;
  width:140px;
  margin:auto auto 20px;
  background-image:url(https://cdn.salla.sa/form-builder/fEZpiPtZJQfAYdtVZfPmSn6UlUkwXSmL7vOeNxvS.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  position:relative;
  animation:ss 1000ms linear infinite;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > p{
  margin:auto;
}

@keyframes ss{
  0%{top:0;}
  50%{top:8px;}
  100%{top:0px;}
}

.store-footer h3{
  color:#344a50!important;
  background:#fff;
  border-radius:8px;
  font-weight:700;
  padding-top:.3rem;
  width:100%;
  padding-bottom:.3rem;
  box-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
}

footer > div.store-footer__inner > div > div:nth-child(2) > h3:hover,
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) > div:nth-child(1) > h3:hover{
  opacity:.7;
  transition:all 200ms;
}

.mb-6{
  margin-bottom:1.5rem;
  margin-top:10px;
}

.s-block__title .right-side:where([dir=rtl],[dir=rtl] *){
  padding-left:0 !important;
}

@media only screen and (min-width:767px){
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

.copyright-text p{color:rgb(255 255 255);}

@media(max-width:767px){
  a.banner-entry{height:120px;}

  #photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-backface-hidden{
    padding:0;
  }

  .s-products-slider-card{max-width:185px;}

  .s-slider-block__title h2,
  .s-block__title h2{font-size:2rem;}

  .s-button-text{font-size:12px;}

  body.index:after{
    content:"";
    width:100%;
    height:100%;
    top:0;
    position:fixed;
    z-index:999999;
    background:url(https://cdn.salla.sa/form-builder/fEZpiPtZJQfAYdtVZfPmSn6UlUkwXSmL7vOeNxvS.png) center/150px no-repeat #000;
    left:0;
    animation-name:fade-in;
    animation-duration:3s;
    animation-fill-mode:forwards;
  }
}

/* ===============================
   SOCIAL BUTTONS
=================================*/
a:has(.sicon-snapchat){
  background:linear-gradient(120deg,#fffc00,#fffc00);
  color:#000;
}

a:has(.sicon-instagram){
  background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433',endColorstr='#bc1888',GradientType=1);
  color:#000;
}

a:has(.sicon-tiktok){
  background:linear-gradient(120deg,#000000,#787872);
  color:#000;
}

#swal2-title{top:300px;}

/* =====================================
   الزخرفة اللي كانت تنطبق على المنتج والميزات
   نخليها على الميزات فقط (عشان المنتج يصير أبيض)
===================================== */
.s-block--features__item{
  --c:var(--color-primary);
  --b:3px;
  --g:5px;
  padding:calc(var(--g) + var(--b));
  --_g:#0000 25%,var(--c) 0;
  background:conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) var(--_i,200%) 0/200% var(--_i,var(--b)) no-repeat,
             conic-gradient(at bottom var(--b) left var(--b),var(--_g)) 0 var(--_i,200%)/var(--_i,var(--b)) 200% no-repeat;
  transition:.3s,background-position .3s .3s;
  cursor:pointer;
}

.s-block--features__item:hover{
  --_i:100%;
  transition:.3s,background-size .3s .3s;
}

/* زر عرض الكل */
.s-slider-block__display-all,
.btn--outline-primary{
  padding:5px;
  color:var(--color-primary);
  margin:10px auto;
  border-radius:15px;
  animation:signal 1200ms linear infinite;
}

@keyframes signal{
  0%{box-shadow:0 0 0 0 var(--color-primary)}
  100%{box-shadow:0 0 0 5px var(--color-primary)}
}

/* ===============================
   MENU HEIGHT
=================================*/
@media only screen and (min-width:1024px){
  .main-menu li.root-level>a{
    padding-bottom:1rem;
    padding-right:.2rem;
  }
  .main-nav-container{
    min-height:88px;
    height:116px!important;
  }
}

/* Container sizes */
.container{
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto;
}
@media(min-width:768px){.container{width:750px}}
@media(min-width:992px){.container{width:970px}}
@media(min-width:1200px){.container{width:1170px}}

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden{
  padding:0;
}

section.s-block.s-block--photos-slider{margin-top:0}

/* ===============================
   Header buttons color
=================================*/
.s-user-menu-trigger,
.header-btn__icon,
.s-product-card-promotion-title{
  color:#fff;
}

.s-button-light-outline{border-color:var(--color-primary)!important}

/* عنوان/سعر داخل المنتج (يضبط للنصوص على الأبيض) */
.s-product-card-content-title a,
.s-product-card-content-subtitle,
.s-product-card-content-sub{
  text-align:center;
  justify-content:center;
}

.s-product-card-vertical .s-product-card-image{
  border-top-left-radius:.9rem;
  border-top-right-radius:.9rem;
}

.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6,
a.flex.items-center.m-0{
  display:grid;
  text-align:center;
  justify-items:center;
}

.footer-list.store-links-items{columns:2}

.mm-spn.mm-spn--navbar.mm-spn--main{background-color:var(--4)!important}

/* ===============================
   PAGE BACKGROUNDS (Dark theme)
=================================*/
.s-search-product:hover,
body footer.store-footer,
body .btn--collapse,
body .shadow-default,
body,
body .bg-gray-50,
body .app-inner.flex.flex-col.min-h-full,
body .s-block,
body .s-modal-body{
  background:var(--4)!important;
  background-color:var(--4)!important;
}

body footer.store-footer *{color:var(--3)}
body .store-footer__inner{background:0 0!important}

body .s-slider-block__display-all,
body .slide--cat-entry i,
body .main-menu .has-children.root-level>a:after{
  color:#fff;
}

body .s-slider-block__title{
  display:flex;
  justify-content:space-between;
  background:linear-gradient(227deg,var(--4),var(--4));
  color:var(--3);
  border-radius:10px;
  padding:0 10px;
}

body .s-slider-nav-arrow svg{fill:var(--3)}
body header.store-header *{color:var(--3)}
footer.store-footer a.navbar-brand{filter:brightness(.5)}

/* ===============================
   Mobile logo
=================================*/
@media only screen and (max-width:700px){
  .navbar-brand{
    width:15vw;
    margin:auto;
  }
}

body .s-product-card-vertical .s-product-card-wishlist-btn button{
  background-color:var(--color-primary)!important;
}

/* ===============================
   Reviews background
=================================*/
.s-block--testimonials,
.testimonials-slider .testimonial,
.s-comments-product,
.s-rating-modal-content{
  background-color:var(--4) !important;
}

.testimonials-slider .testimonial,
.s-comments-product{
  border:none !important;
}

.s-block--testimonials .bg-white,
.testimonials-slider .bg-white{
  background-color:var(--4) !important;
}

.s-reviews-testimonial__inner{background-color:#141414 !important;}
.s-reviews-testimonial{background-color:transparent !important;}

.s-reviews-testimonial__text,
.s-reviews-testimonial__text p,
.s-reviews-testimonial__info h2{
  color:#fff !important;
}

.s-reviews-testimonial__icon svg{
  fill:#fff !important;
  opacity:.6;
}

/* ===============================
   Countdown
=================================*/
.tepro-countdown{
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:center;
  margin:12px 0 18px;
}
.tepro-countdown .cd-item{
  background:#141414;
  border:1px solid #222;
  padding:10px 14px;
  border-radius:14px;
  min-width:80px;
  text-align:center;
}
.tepro-countdown .cd-val{
  color:#fff;
  font-size:22px;
  font-weight:800;
  line-height:1.1;
}
.tepro-countdown .cd-lbl{
  color:#bbb;
  font-size:12px;
  margin-top:4px;
}

/* ملاحظة: هذا كان يضخم كل h2 في الموقع، خليناه أهدى */
.s-product-card-content-title h3{
  font-size:18px !important;
  font-weight:900 !important;
}

/* ===============================
   WhatsApp
=================================*/
.tepro-whatsapp-float{
  position:fixed;
  right:20px;
  bottom:20px;
  width:60px;
  height:60px;
  background:#25D366;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 20px rgba(0,0,0,0.3);
  z-index:9999;
  transition:all .3s ease;
}
.tepro-whatsapp-float:hover{
  transform:scale(1.1);
  box-shadow:0 8px 25px rgba(0,0,0,0.4);
}

/* ===============================
   FAQ
=================================*/
.tepro-faq{
  max-width:900px;
  margin:60px auto;
  padding:0 15px;
}
.tepro-faq-title{
  text-align:center;
  color:#ffffff;
  font-size:28px;
  margin-bottom:30px;
}
.faq-item{
  border-bottom:1px solid #222;
  padding:18px 0;
}
.faq-question{
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
  font-weight:700;
  color:#ffffff;
  font-size:18px;
}
.faq-arrow{
  font-size:22px;
  transition:0.3s;
}
.faq-answer{
  display:none;
  padding-top:10px;
  color:#cccccc;
  line-height:1.8;
}

/* ===============================
   Features - clean + hover right + glow
=================================*/
.s-block--features__item{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:14px 0 !important;
  border-radius:0 !important;
  transition:transform .28s ease;
  will-change:transform;
}
.s-block--features__item:hover{transform:translateX(12px);}
.s-block--features__item .feature-icon{background:transparent !important;border:none !important;}

.s-block--features__item .feature-icon i{
  font-size:56px !important;
  color:#6c92d0 !important;
  line-height:1 !important;
  transition:transform .28s ease,filter .28s ease;
}
.s-block--features__item:hover .feature-icon i{
  transform:scale(1.08);
  filter:
    drop-shadow(0 0 10px rgba(108,146,208,.75))
    drop-shadow(0 0 18px rgba(255,255,255,.35));
}
.s-block--features__item h2{
  color:#fff !important;
  font-size:28px !important;
  font-weight:900 !important;
}
.s-block--features__item p{
  color:#c9c9c9 !important;
}

/* ===============================
   Inputs & texts (keep theme)
=================================*/
input.s-search-input::placeholder,
input.s-search-input::-webkit-input-placeholder{
  color:#fff;
}

.navbar-brand img{
  filter:brightness(0) invert(1);
}
.navbar-brand img{
  max-height:200px !important;
  width:auto !important;
}
/* ===== FIX: المنتج نفس لون المتجر + بس حدود بيضاء ===== */

/* خلي كرت المنتج نفس لون المتجر */
custom-salla-product-card.s-product-card-entry,
.s-products-list custom-salla-product-card.s-product-card-entry{
  background: var(--4) !important;          /* لون المتجر */
  color: var(--3) !important;               /* نص أبيض */
  border: 3px solid #ffffff !important;     /* حدود فقط */
  box-shadow: rgba(0,0,0,.24) 0 3px 8px !important;
}

/* العنوان والسعر يرجع أبيض */
custom-salla-product-card .s-product-card-content-title a{
  color: var(--3) !important;
}
custom-salla-product-card .s-product-card-sale-price h4,
custom-salla-product-card .s-product-card-sale-price span,
custom-salla-product-card .sicon-sar{
  color: var(--3) !important;
}

/* زر إضافة للسلة (يبقى واضح) */
custom-salla-product-card salla-add-product-button .s-button-element{
  background: transparent !important;
  color: var(--3) !important;
  border: 2px solid #ffffff !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
}

/* مهم: خَلِّ الـ wrapper حق السلايدر شفاف عشان ما يطلع كرت ثاني */
body .s-products-slider-card.swiper-slide{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
/* ==============================
   FIXED BANNER: تكبير + cover
============================== */

/* حاوية البنر */
section.s-block.s-block--fixed-banner .container{
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}

/* الصورة نفسها داخل البنر */
section.s-block.s-block--fixed-banner img[alt="fixed banner"],
section.s-block.s-block--fixed-banner img{
  width: 100% !important;
  height:800px !important;           /* 👈 ارتفاع الكمبيوتر */
  max-width: 100% !important;
  object-fit: cover !important;        /* 👈 هذا المهم (بدل contain) */
  display: block !important;
}

/* للجوال */
@media (max-width: 767px){
  section.s-block.s-block--fixed-banner img[alt="fixed banner"],
  section.s-block.s-block--fixed-banner img{
    height: 260px !important;         /* 👈 ارتفاع الجوال */
  }
}
/* ==============================
   FIX SPACING BETWEEN PRODUCTS
   (Lists + Sliders) - Salla
============================== */

/* 1) قوائم المنتجات (Grid/List) */
.s-products-list .s-products-list-wrapper{
  gap: 16px !important;           /* المسافة بين المنتجات */
}

/* بعض القوالب تستخدم flex بدل grid */
.s-products-list .s-products-list-wrapper{
  row-gap: 16px !important;
  column-gap: 16px !important;
}

/* 2) السلايدر: خل مساحة بين كل سلايد */
.s-slider-wrapper .swiper-wrapper{
  gap: 14px !important;           /* لو المتصفح يدعم gap مع swiper */
}

/* دعم مؤكد: نضيف padding لكل سلايد */
.s-products-slider-card.swiper-slide{
  padding: 0 7px !important;      /* يمين/يسار */
  box-sizing: border-box !important;
}

/* 3) مسافة تحت كل كرت (لو فيه تلاصق عمودي) */
custom-salla-product-card.s-product-card-entry{
  margin: 0 !important;
}

/* لو بعض الصفحات تلغي المارجن */
.s-products-list custom-salla-product-card.s-product-card-entry,
.s-slider-wrapper custom-salla-product-card.s-product-card-entry{
  margin-bottom: 0 !important;
}

/* 4) (اختياري) لو تبغى مسافة أكثر بالجوال */
@media (max-width: 767px){
  .s-products-list .s-products-list-wrapper{
    gap: 14px !important;
    row-gap: 14px !important;
    column-gap: 14px !important;
  }

  .s-products-slider-card.swiper-slide{
    padding: 0 6px !important;
  }
}
/* =====================================
   PRO Product Form (Clean / Premium)
   خلفية #141414 + أزرار واضحة
===================================== */

:root{ --tepro-bg:#141414; --tepro-line:#2a2a2a; --tepro-soft:#1b1b1b; }

/* خلفية قسم السعر + قسم الكمية/الأزرار */
form.product-form section.bg-white,
form.product-form section.sticky-product-bar{
  background: var(--tepro-bg) !important;
  border: 1px solid var(--tepro-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.28) !important;
}

/* فصل خفيف بين القسمين لو جايين وراء بعض */
form.product-form section.bg-white{ margin-bottom: 10px !important; }

/* عنوان "السعر" و "الكمية" */
form.product-form .form-label,
form.product-form .form-label b{
  color: rgba(255,255,255,.85) !important;
  font-weight: 800 !important;
}

/* السعر الحالي كبير وأبيض */
form.product-form .total-price{
  color:#fff !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  letter-spacing: .2px;
}
form.product-form .total-price i{ color:#fff !important; opacity: .95; }

/* السعر قبل الخصم */
form.product-form .before-price{
  color: rgba(255,255,255,.55) !important;
}

/* ===== الكمية (شكل احترافي) ===== */
form.product-form salla-quantity-input{
  border: 1px solid rgba(255,255,255,.45) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.06) !important;
}

form.product-form .s-quantity-input-container{ background: transparent !important; }

form.product-form .s-quantity-input-button{
  background: transparent !important;
  color:#fff !important;
  padding: 10px 14px !important;
}

form.product-form .s-quantity-input-input{
  background: transparent !important;
  color:#fff !important;
  font-weight: 900 !important;
  width: 58px !important;
  text-align:center !important;
}

/* أيقونات + - */
form.product-form .s-quantity-input-button svg{
  fill:#fff !important;
  opacity:.9;
}

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

/* زر إضافة للسلة (بارز قوي) */
form.product-form .sticky-product-bar__btn .s-button-primary{
  background: linear-gradient(135deg,#3b82f6,#2563eb) !important;
  border: 0 !important;
  color:#fff !important;
  font-weight: 900 !important;
  border-radius: 12px !important;
  height: 48px !important;
  box-shadow: 0 10px 25px rgba(37,99,235,.35) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

form.product-form .sticky-product-bar__btn .s-button-primary:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(37,99,235,.5) !important;
  filter: brightness(1.05);
}

/* زر اشتري الآن (Outline فاخر) */
form.product-form .s-add-product-button-mini-checkout{
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 12px !important;
  color:#fff !important;
  height: 48px !important;
}

form.product-form .s-add-product-button-mini-checkout *{
  color:#fff !important;
}

form.product-form .s-add-product-button-mini-checkout:hover{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.8) !important;
}

/* توزيع الأزرار مثل الصورة: جنب بعض */
form.product-form .s-add-product-button-main{
  display:flex !important;
  gap: 12px !important;
}

form.product-form .s-add-product-button-main > *{
  flex: 1 1 0 !important;
}

/* تحسين موبايل */
@media(max-width:767px){
  form.product-form .total-price{ font-size: 26px !important; }
  form.product-form .s-add-product-button-main{ gap:10px !important; }
  form.product-form .sticky-product-bar__btn .s-button-primary,
  form.product-form .s-add-product-button-mini-checkout{ height: 46px !important; }
}
/* اسم المنتج داخل صفحة المنتج */
h1.text-gray-800{
  color: #ffffff !important;
}

/* احتياط لأي عنوان منتج مشابه */
.product h1,
.product__title h1,
#app h1.text-xl.md\:text-2xl{
  color: #ffffff !important;
}
/* =====================================
   Breadcrumb White
===================================== */

/* النص */
.s-breadcrumb-wrapper,
.s-breadcrumb-wrapper a,
.s-breadcrumb-wrapper li{
  color: #ffffff !important;
}

/* الروابط */
.s-breadcrumb-wrapper a{
  color: #ffffff !important;
  opacity: .85;
}

.s-breadcrumb-wrapper a:hover{
  opacity: 1;
}

/* السهم */
.s-breadcrumb-wrapper svg{
  fill: #ffffff !important;
  opacity: .7;
}
/* =====================================
   Reviews Section White
===================================== */

/* عنوان آراء العملاء */
.s-reviews-header{
  color: #ffffff !important;
}

/* عرض الكل */
.s-reviews-display-all{
  color: #ffffff !important;
  opacity: .85;
}

.s-reviews-display-all:hover{
  opacity: 1;
}

/* السهم */
.s-reviews-display-all svg{
  fill: #ffffff !important;
  opacity: .8;
}
/* ===== Performance Boost ===== */

/* أقسام خارج الشاشة لا تنرندر إلا عند الاقتراب */
section, .s-block, footer, main, .app-inner {
  content-visibility: auto;
  contain-intrinsic-size: 1px 800px; /* حجز مساحة تقديرية لتجنب القفز */
}

/* قلل الحركات الثقيلة لو كانت تسبب تهنيق */
@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; }
}

/* (اختياري) لو عندك hover rotate/scale قوي على صور المنتجات يقلل السلاسة */
.s-product-card-image img.loaded:hover{
  transform: none !important;
}
/* تغيير خلفية تم شراءه فقط */

.bg-white.py-2\.5.mb-5.rounded-md.inline-flex.text-sm{
  background-color: #141414 !important;
}
/* =====================================
   COMMENTS SECTION WHITE TEXT
===================================== */

/* عنوان التعليقات */
.s-comments-title{
  color: #ffffff !important;
}

/* عدد التعليقات + ترتيب */
.s-comments-count-label,
.s-comments-filter-label,
.s-comments-sort-input{
  color: #ffffff !important;
}

/* اسم الشخص */
.s-comments-item-user-info h3{
  color: #ffffff !important;
}

/* التاريخ */
.s-comments-item-timestamp,
.s-comments-item-time{
  color: rgba(255,255,255,0.7) !important;
}

/* نص التعليق */
.s-comments-item-content p{
  color: #ffffff !important;
}

/* رد الإدارة */
.s-comments-item-admin .s-comments-item-content p{
  color: #ffffff !important;
}
/* نسبة التوصية 100% أبيض */
.s-reviews-summary-recommendation-percentage{
  color: #ffffff !important;
}
/* نص قائمة ترتيب التعليقات أسود */
#comments-filter,
#comments-filter option{
  color: #000000 !important;
}
/* =====================================
   تم شراءه - تصميم احترافي متحرك
===================================== */

/* الصندوق كامل */
.px-4.\!text-red-800{
  background: linear-gradient(90deg,#141414,#1c1c1c,#141414);
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  padding: 8px 14px !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
  overflow: hidden;
  color: #ffffff !important;
  font-weight: 600;
}

/* لمعة متحركة خفيفة */
.px-4.\!text-red-800::before{
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(120deg,transparent,rgba(255,255,255,0.15),transparent);
  animation: shineMove 3s infinite linear;
}

@keyframes shineMove{
  0%{ left:-100%; }
  100%{ left:100%; }
}

/* حركة النار */
.px-4.\!text-red-800 i{
  color: #ff3b3b !important;
  animation: firePulse 1.5s infinite ease-in-out;
}

@keyframes firePulse{
  0%,100%{ transform: scale(1); }
  50%{ transform: scale(1.2); }
}

/* حركة الرقم */
.px-4.\!text-red-800 span span{
  font-weight: 800;
  animation: numberPulse 2s infinite ease-in-out;
}

@keyframes numberPulse{
  0%,100%{ transform: scale(1); }
  50%{ transform: scale(1.08); }
}
/* تغيير خلفية متبقي الكمية فقط */

.promotion-title{
  background-color: #141414 !important;
}
/* خلفية متبقي الكمية داخل كرت المنتج */
.s-product-card-promotion-title{
  background-color: #141414 !important;
}}
/* صفحة آراء العملاء - تغيير خلفية الصندوق الرئيسي فقط */
body .s-comments-testimonials{
  background-color: transparent !important;
}

body .s-comments-testimonials,
body .s-comments-testimonials .s-comments-page-container{
  background-color: transparent !important;
}
/* صفحة آراء العملاء - تغيير خلفية الصندوق الرئيسي فقط */
body .s-comments-testimonials{
  background-color: transparent !important;
}

body .s-comments-testimonials,
body .s-comments-testimonials .s-comments-page-container{
  background-color: transparent !important;
}

/* الصندوق الأبيض الكبير اللي فوق */
body .flex.justify-center > .w-full.lg\:w-10\/12.bg-white{
  background-color: #141414 !important;
}
/* خلفية حقل التعليق بلون المتجر */
.s-comment-form-input{
  background-color: #141414 !important;
  color: #ffffff !important;
  border: 1px solid #2a2a2a !important;
}

/* لون النص داخل الحقل */
.s-comment-form-input:focus{
  background-color: #141414 !important;
  color: #ffffff !important;
  border-color: #6c92d0 !important; /* اختياري: لون عند التحديد */
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(108,146,208,0.2) !important;
}

/* لون placeholder */
.s-comment-form-input::placeholder{
  color: #bbbbbb !important;
  opacity: 1 !important;
}
/* =========================
   التعليقات: حقل الكتابة + زر الإرسال
   خلفية المتجر #141414
========================= */

/* الحاوية */
.s-comment-form-content{
  background: transparent !important;
}

/* الـ textarea نفسه */
.s-comment-form-content textarea.s-comment-form-input,
textarea.s-comment-form-input{
  background-color: #141414 !important;
  color: #ffffff !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
}

/* placeholder */
.s-comment-form-content textarea.s-comment-form-input::placeholder,
textarea.s-comment-form-input::placeholder{
  color: #bdbdbd !important;
  opacity: 1 !important;
}

/* عند التركيز */
.s-comment-form-content textarea.s-comment-form-input:focus,
textarea.s-comment-form-input:focus{
  background-color: #141414 !important;
  border-color: #6c92d0 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(108,146,208,0.20) !important;
}

/* زر الإرسال */
.s-comment-form-action .s-button-element,
.s-comment-form-action button.s-button-element{
  background: #6c92d0 !important;
  border: 0 !important;
  border-radius: 12px !important;
}

/* نص زر الإرسال */
.s-comment-form-action .s-button-text{
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* هوفر بسيط */
.s-comment-form-action .s-button-element:hover{
  filter: brightness(1.05) !important;
  transform: translateY(-1px);
  transition: .2s ease;
}
/* تقليل ثقل الحركات */
@media (max-width: 767px){
  .s-product-card-image img.loaded:hover{ transform:none !important; }
}

/* إيقاف الأنيميشن اللانهائي (يسحب موارد) */
.banner-entry{ animation:none !important; }
.store-footer__inner:before{ animation:none !important; }
.s-slider-block__display-all{ animation:none !important; }

/* احترام وضع تقليل الحركة */
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
}
section.s-block.s-block--fixed-banner img{ height:800px !important; }
section.s-block.s-block--fixed-banner img{
  height: 480px !important;
  object-fit: cover !important;
}

@media (max-width:767px){
  section.s-block.s-block--fixed-banner img{
    height: 260px !important;
  }
}
/* =========================
   TEPRO - Performance CSS
   هدفه: تقليل حمل الحركات + ضبط البنر
========================= */

/* 1) البنر: لا تخليه عملاق (يطوّل LCP) */
section.s-block.s-block--fixed-banner img{
  width: 100% !important;
  height: 480px !important;
  object-fit: cover !important;
  display: block !important;
}

@media (max-width: 767px){
  section.s-block.s-block--fixed-banner img{
    height: 240px !important;
  }
}

/* 2) أوقف حركات ثقيلة (تزيد وقت الرسم) */
.banner-entry{ animation: none !important; }
.store-footer__inner:before{ animation: none !important; }

/* 3) حركات الهوفر القوية على صور المنتجات تخفّض السلاسة على الجوال */
@media (max-width: 767px){
  .s-product-card-image img.loaded:hover{
    transform: none !important;
  }
}

/* 4) تسريع رندر الأقسام تحت */
section, .s-block, footer, main, .app-inner{
  content-visibility: auto;
  contain-intrinsic-size: 1px 900px;
}
https://te-pro.com/
/* ===== Speed Index FIX: قلّل مدة السبلّاش ===== */
body.index:after{
  animation-duration: .6s !important;  /* بدل 3s */
}

/* وعلى الجوال خليها أسرع أو شيلها */
@media (max-width: 767px){
  body.index:after{
    content: none !important;
    display: none !important;
  }
}
/* ===== Speed Index FIX: البنر لا يكون عملاق ===== */
section.s-block.s-block--fixed-banner img{
  width:100% !important;
  height: 420px !important;   /* كان 800 */
  object-fit: cover !important;
  display:block !important;
}

@media (max-width: 767px){
  section.s-block.s-block--fixed-banner img{
    height: 220px !important;
  }
}
/* ==============================
   SPEED FIX (Mobile) - TEPRO
   يخفف Speed Index + LCP
============================== */

/* 1) عطّل السلاش سكرين على الجوال (هو أكبر سبب لبطء Speed Index) */
@media (max-width: 767px){
  body.index:after{ 
    display:none !important;
    content:none !important;
    animation:none !important;
    opacity:0 !important;
    visibility:hidden !important;
  }
}

/* 2) حتى على الكمبيوتر: خفف السلاش (بدال 3 ثواني) */
body.index:after{
  pointer-events:none !important;
  animation-duration: .6s !important;
}

/* 3) خفف تأثيرات الصور الثقيلة (rotate/scale تسبب تكلفة رسم عالية بالموبايل) */
@media (max-width: 991px){
  .s-product-card-image img.loaded:hover{
    transform:none !important;
  }
}

/* 4) قلل ظلال/فلترات كثيرة (تأثر على Speed Index) */
@media (max-width: 991px){
  .s-product-card-entry,
  .header-btn__icon,
  .tepro-whatsapp-float{
    box-shadow:none !important;
  }
  .navbar-brand img{
    filter:none !important; /* الفلاتر مكلفة على بعض الأجهزة */
  }
}

/* 5) البنر الثابت: قلل الارتفاع على الموبايل (800px كبيرة جدًا) */
@media (max-width: 767px){
  section.s-block.s-block--fixed-banner img{
    height: 180px !important;
    object-fit: cover !important;
  }
}
@media (min-width: 768px){
  section.s-block.s-block--fixed-banner img{
    height: 520px !important;
    object-fit: cover !important;
  }
}

/* 6) امنع أي طبقات خلفية غير لازمة داخل السلايدر */
body .s-products-slider-card.swiper-slide{
  background: transparent !important;
  box-shadow: none !important;
}
.navbar-brand img {
    filter: brightness(0) invert(1) !important;
}
/* تعديل خلفية صندوق حساب العميل */
.s-user-menu-trigger {
    background: #141414 !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 12px !important;
}

/* تعديل لون النص */
.s-user-menu-trigger-hello,
.s-user-menu-trigger-name {
    color: #ffffff !important;
}

/* تعديل لون السهم */
.s-user-menu-trigger-icon svg {
    fill: #ffffff !important;
}

/* لو فيه خلفية بيضاء داخلية */
.s-user-menu-trigger-content {
    background: transparent !important;
}
/* تحويل عنوان اطلبها مجددا إلى أبيض */
h2 {
    color: #ffffff !important;
}
/* تثبيت الشعار أعلى يمين الصفحة */
img[alt="TEPRO logo"] {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    width: 120px !important; /* تقدر تصغر او تكبر */
    height: auto !important;
}
/* =========================
   CART ITEM - Dark Theme
   يحول كرت السلة من أبيض إلى لون المتجر
========================= */

/* الكرت نفسه */
section.cart-item.bg-white{
  background: #141414 !important;
  border: 1px solid #2a2a2a !important;
}

/* حدود الصورة */
section.cart-item img{
  background: #1b1b1b !important;
  border-color: #2a2a2a !important;
}

/* اسم المنتج + أي عنوان داخل الكرت */
section.cart-item h1,
section.cart-item h1 a{
  color: #ffffff !important;
}

/* الأسعار الخفيفة (قبل الخصم) */
section.cart-item .text-gray-500,
section.cart-item .text-gray-500 *{
  color: rgba(255,255,255,.70) !important;
}

/* السعر بعد الخصم (كان text-red-800) خليه واضح */
section.cart-item .item-price,
section.cart-item .text-red-800{
  color: #ffffff !important;
}

/* خط فواصل/حدود داخلية */
section.cart-item .border-gray-200{
  border-color: #2a2a2a !important;
}

/* المجموع */
section.cart-item .item-total,
section.cart-item .item-total *{
  color:#ffffff !important;
}

/* أزرار الكمية */
section.cart-item salla-quantity-input,
section.cart-item .s-quantity-input-container{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  border-radius: 10px !important;
}
section.cart-item .s-quantity-input-input{
  color:#fff !important;
}
section.cart-item .s-quantity-input-button svg{
  fill:#fff !important;
  opacity:.9;
}
/* ===== Quantity Input - Dark + White Text ===== */
.s-quantity-input-input{
  background-color: #141414 !important;   /* لون المتجر */
  color: #ffffff !important;              /* الرقم أبيض */
  border: 1px solid #2a2a2a !important;
}

/* عند التركيز */
.s-quantity-input-input:focus{
  background-color: #141414 !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.15) !important;
}

/* أزرار + و - */
.s-quantity-input-button svg{
  fill: #ffffff !important;
}
/* =========================
   CART SUMMARY - Dark Style
========================= */

/* الصندوق الكامل */
.shadow-default.bg-white{
  background: #141414 !important;
  border: 1px solid #2a2a2a !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
}

/* كل النصوص */
.shadow-default.bg-white,
.shadow-default.bg-white span,
.shadow-default.bg-white b,
.shadow-default.bg-white h2,
.shadow-default.bg-white i{
  color: #ffffff !important;
}

/* النصوص الثانوية كانت رمادي */
.shadow-default.bg-white .text-gray-500{
  color: rgba(255,255,255,.75) !important;
}

/* خط فاصل داخلي لو فيه */
.shadow-default.bg-white hr{
  border-color: #2a2a2a !important;
}

/* =========================
   زر إتمام الطلب - احترافي
========================= */

#cart-submit .s-button-element{
  background: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  height: 52px !important;
  transition: all .25s ease !important;
}

/* النص داخل الزر */
#cart-submit .s-button-text{
  color: #ffffff !important;
  letter-spacing: .5px;
}

/* Hover تأثير احترافي */
#cart-submit .s-button-element:hover{
  background: linear-gradient(135deg,#3b82f6,#2563eb) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 25px rgba(37,99,235,.45) !important;
  transform: translateY(-2px);
}

/* عند الضغط */
#cart-submit .s-button-element:active{
  transform: translateY(0);
  box-shadow: 0 6px 15px rgba(37,99,235,.35) !important;
}
/* ===== Logo top right - Home only ===== */

/* نخفيه في كل الصفحات */
img[alt="TEPRO logo"]{
  display: none !important;
}

/* نظهره فقط في الصفحة الرئيسية */
body.index img[alt="TEPRO logo"]{
  display: block !important;
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  width: 120px !important;
  height: auto !important;
  z-index: 50 !important;
}
/* =========================
   USER DROPDOWN - Dark Mode
========================= */

/* الخلفية الأساسية */
.s-user-menu-dropdown{
  background: #141414 !important;
  border: 1px solid #2a2a2a !important;
  box-shadow: 0 15px 35px rgba(0,0,0,.45) !important;
}

/* الهيدر (مرحباً بك + الاسم) */
.s-user-menu-dropdown-header{
  background: #141414 !important;
  border-bottom: 1px solid #2a2a2a !important;
}

.s-user-menu-dropdown-header span,
.s-user-menu-dropdown-header p{
  color: #ffffff !important;
}

/* كل عناصر القائمة */
.s-user-menu-dropdown-item-title{
  color: #ffffff !important;
}

/* الأيقونات */
.s-user-menu-dropdown-item-prefix svg{
  fill: #ffffff !important;
  opacity: .85;
}

/* الروابط بالكامل */
.s-user-menu-dropdown-item-link{
  background: transparent !important;
  transition: background .2s ease;
}

/* Hover احترافي */
.s-user-menu-dropdown-item-link:hover{
  background: rgba(255,255,255,0.05) !important;
}

/* زر الإغلاق */
.s-user-menu-dropdown-header-close svg{
  fill: #ffffff !important;
  opacity: .8;
}
.s-user-menu-dropdown-header-close:hover svg{
  opacity: 1;
}
/* ===================================
   TEPRO - DARK MODE FIX (All Pages)
   BG: #141414  | Text: #fff
=================================== */

:root{
  --tepro-bg:#141414;
  --tepro-card:#1b1b1b;
  --tepro-border:rgba(255,255,255,.12);
  --tepro-text:#ffffff;
  --tepro-muted:rgba(255,255,255,.72);
}

/* خلفية عامة */
html, body{
  background:var(--tepro-bg) !important;
  color:var(--tepro-text) !important;
}

/* كل الكتل اللي تجي bg-white */
.bg-white,
.shadow-default.bg-white,
.main-nav-container.bg-white,
.store-header .top-navbar,
.store-header .main-nav-container,
.store-footer__inner,
.sidebar.lg\:bg-white,
.profile-header,
.container .rounded-md.bg-white,
.s-user-menu-dropdown,
.s-user-menu-inline,
.s-orders-wrapper,
.s-orders-table,
.s-breadcrumb-wrapper{
  background-color:var(--tepro-bg) !important;
  color:var(--tepro-text) !important;
}

/* كروت/مربعات */
.shadow-default,
.rounded-md,
.s-orders-table-tbody-tr-shadow{
  background:var(--tepro-card) !important;
  border:1px solid var(--tepro-border) !important;
}

/* النصوص الرمادية تتحول لأبيض/رمادي فاتح */
.text-gray-900,
.text-gray-800,
.text-gray-700,
.text-gray-600,
.text-gray-500,
.text-gray-400,
.text-gray-300,
.text-gray-200,
.text-gray-100,
.copyright-text p,
.s-orders-mobile-title{
  color:var(--tepro-text) !important;
  opacity:.92;
}
.text-gray-500,
.text-gray-400{
  color:var(--tepro-muted) !important;
  opacity:1 !important;
}

/* الروابط */
a, a *{
  color:var(--tepro-text) !important;
}
a:hover{
  opacity:.9;
}

/* الحدود اللي لونها رمادي */
.border,
.border-gray-100,
.border-gray-200,
.border-gray-300{
  border-color:var(--tepro-border) !important;
}

/* جدول الطلبات */
.s-orders-table,
.s-orders-table-head,
.s-orders-table-head-tr-th,
.s-orders-table-tbody,
.s-orders-table-tbody-tr,
.s-orders-table-tbody-tr-td{
  background:transparent !important;
  color:var(--tepro-text) !important;
  border-color:var(--tepro-border) !important;
}
.s-orders-reference-id{
  color:var(--tepro-text) !important;
}

/* Breadcrumb */
.s-breadcrumb-wrapper,
.s-breadcrumb-wrapper *{
  color:var(--tepro-text) !important;
  fill:var(--tepro-text) !important;
}

/* قائمة المستخدم (الدروب داون + القائمة الجانبية) */
.s-user-menu-dropdown,
.s-user-menu-dropdown * ,
.s-user-menu-inline,
.s-user-menu-inline *{
  color:var(--tepro-text) !important;
}
.s-user-menu-dropdown-header{
  background:var(--tepro-card) !important;
  border-bottom:1px solid var(--tepro-border) !important;
}
.s-user-menu-dropdown-list .s-user-menu-dropdown-item-link{
  background:transparent !important;
  border-radius:10px;
}
.s-user-menu-dropdown-list .s-user-menu-dropdown-item-link:hover{
  background:rgba(255,255,255,.06) !important;
}

/* أيقونات SVG */
svg, svg *{
  fill:currentColor !important;
}

/* الهيدر (النافيشن) */
.store-header .main-nav-container{
  border-bottom:1px solid var(--tepro-border) !important;
}

/* البحث */
.s-search-input{
  background:var(--tepro-card) !important;
  color:var(--tepro-text) !important;
  border:1px solid var(--tepro-border) !important;
}
.s-search-input::placeholder{
  color:rgba(255,255,255,.55) !important;
}

/* الشريط العلوي */
.top-navbar,
.top-navbar *{
  color:var(--tepro-text) !important;
}

/* الفوتر */
.store-footer,
.store-footer *{
  background:transparent !important;
  color:var(--tepro-text) !important;
}
.store-footer__inner{
  background:var(--tepro-bg) !important;
  border-top:1px solid var(--tepro-border) !important;
}

/* تحسين وضوح زر/لينك لما يكون خلفيته غامقة */
.s-button-element{
  color:var(--tepro-text) !important;
}
/* ==============================
   TEPRO - Notifications (Dark)
============================== */
:root{
  --tepro-bg:#141414;
  --tepro-card:#1b1b1b;
  --tepro-border:rgba(255,255,255,.12);
  --tepro-text:#ffffff;
  --tepro-muted:rgba(255,255,255,.72);
}

/* الحاوية */
.s-notifications-container{
  background:transparent !important;
}

/* بطاقة الإشعار */
.s-notifications-item,
.s-notifications-item-shadow,
.s-notifications-item-read{
  background:var(--tepro-card) !important;
  border:1px solid var(--tepro-border) !important;
  border-radius:14px !important;
  color:var(--tepro-text) !important;
}

/* نصوص الإشعار */
.s-notifications-item-content,
.s-notifications-item-content *{
  color:var(--tepro-text) !important;
}

/* الوصف والوقت أخف */
.s-notifications-item-content-leading p,
.s-notifications-item-content-trailing span{
  color:var(--tepro-muted) !important;
}

/* الأيقونات */
.s-notifications-item-icon,
.s-notifications-item-icon i,
.s-notifications-item-content-trailing-icon{
  color:var(--tepro-text) !important;
}

/* Hover */
.s-notifications-item:hover{
  background:#202020 !important;
  border-color:rgba(255,255,255,.18) !important;
}
/* ==============================
   TEPRO - Settings Page (Dark)
============================== */

:root{
  --tepro-bg:#141414;
  --tepro-card:#1b1b1b;
  --tepro-border:rgba(255,255,255,.12);
  --tepro-text:#ffffff;
  --tepro-muted:rgba(255,255,255,.72);
}

/* العنوان */
.main-content h1{
  color:var(--tepro-text) !important;
}

/* كروت الإعدادات */
.s-user-settings-section .s-list-tile-item{
  background:var(--tepro-card) !important;
  border:1px solid var(--tepro-border) !important;
  border-radius:16px !important;
  color:var(--tepro-text) !important;
  transition:.25s ease;
}

/* Hover */
.s-user-settings-section .s-list-tile-item:hover{
  background:#202020 !important;
  border-color:rgba(255,255,255,.18) !important;
}

/* النصوص */
.s-user-settings-section-title{
  color:var(--tepro-text) !important;
  font-weight:600;
}

.s-user-settings-section-subtitle{
  color:var(--tepro-muted) !important;
}

/* الأيقونات */
.s-user-settings-section-icon,
.s-user-settings-section-icon svg,
.s-user-settings-section-icon svg *{
  color:var(--tepro-text) !important;
  fill:currentColor !important;
}

/* التوجل (زر التفعيل) */
.s-toggle-switcher{
  background:#2a2a2a !important;
  border:1px solid var(--tepro-border) !important;
}

.s-toggle-input:checked + .s-toggle-switcher{
  background:#ffffff !important;   /* يصير أبيض لما يتفعل */
}

/* زر تعطيل الحساب */
.s-button-danger-outline{
  border:1px solid #ff4d4d !important;
  color:#ff4d4d !important;
  background:transparent !important;
  border-radius:10px !important;
}

.s-button-danger-outline:hover{
  background:#ff4d4d !important;
  color:#fff !important;
}
/* ==============================
   TEPRO - Footer Dark Pro
============================== */
:root{
  --tepro-bg:#141414;
  --tepro-card:#1b1b1b;
  --tepro-border:rgba(255,255,255,.12);
  --tepro-text:#ffffff;
  --tepro-muted:rgba(255,255,255,.72);
  --tepro-soft:rgba(255,255,255,.08);
}

/* خلفية الفوتر */
.store-footer,
.store-footer__inner{
  background:var(--tepro-bg) !important;
  color:var(--tepro-text) !important;
  border-top:1px solid var(--tepro-border) !important;
}

/* كل النصوص داخل الفوتر */
.store-footer__inner *,
.store-footer__inner p,
.store-footer__inner h3,
.store-footer__inner h4,
.store-footer__inner span,
.store-footer__inner b{
  color:var(--tepro-text) !important;
}

/* نصوص وصفية أخف */
.store-footer__inner p,
.store-footer__inner .text-gray-400,
.store-footer__inner .copyright-text p{
  color:var(--tepro-muted) !important;
}

/* عناوين الأعمدة */
.store-footer__inner h3{
  font-weight:700 !important;
  letter-spacing:.2px;
  margin-bottom:.75rem !important;
}

/* روابط الفوتر */
.store-footer__inner a{
  color:var(--tepro-text) !important;
  text-decoration:none !important;
  transition:.2s ease !important;
}

.store-footer__inner a:hover{
  opacity:.85 !important;
}

/* قائمة الروابط (روابط مهمة) */
.s-menu-footer-list .s-menu-footer-item{
  display:block;
  padding:10px 12px;
  margin:6px 0;
  background:rgba(255,255,255,.03) !important;
  border:1px solid var(--tepro-border) !important;
  border-radius:12px !important;
}

.s-menu-footer-list .s-menu-footer-item:hover{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.18) !important;
}

/* تواصل معنا (الواتساب والجوال) */
.s-contacts .s-contacts-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  margin:8px 0;
  background:rgba(255,255,255,.03) !important;
  border:1px solid var(--tepro-border) !important;
  border-radius:12px !important;
}

.s-contacts .s-contacts-item:hover{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.18) !important;
}

/* أيقونات تواصل معنا */
.s-contacts .s-contacts-icon svg,
.s-contacts .s-contacts-icon svg *{
  fill:currentColor !important;
  color:var(--tepro-text) !important;
  opacity:.95;
}

/* Social icons */
.s-social-list{
  gap:10px !important;
}

.s-social-link a{
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:rgba(255,255,255,.03) !important;
  border:1px solid var(--tepro-border) !important;
  transition:.2s ease !important;
}

.s-social-link a:hover{
  background:rgba(255,255,255,.07) !important;
  transform:translateY(-2px);
}

.s-social-icon svg,
.s-social-icon svg *{
  fill:currentColor !important;
  color:var(--tepro-text) !important;
}

/* Trust badges */
.s-trust-badges-wrapper{
  background:rgba(255,255,255,.03) !important;
  border:1px solid var(--tepro-border) !important;
  border-radius:14px !important;
  padding:10px 12px !important;
}

.s-trust-badges-label{
  color:var(--tepro-muted) !important;
}

.s-trust-badges-number{
  color:var(--tepro-text) !important;
}

/* خط الحقوق/الجزء السفلي */
.store-footer .container.text-center,
.store-footer .copyright-text{
  border-top:1px solid var(--tepro-border) !important;
}

.store-footer .hover\:text-primary:hover{
  color:var(--tepro-text) !important;
  opacity:.85 !important;
}

/* صور طرق الدفع */
.s-payments-list-item img{
  filter:brightness(1.05) contrast(1.05);
  opacity:.95;
}

.s-payments-list-item img:hover{
  opacity:1;
}
/* إزالة المربع من تم شراءه */
.bg-white.py-2\.5.mb-5.rounded-md.inline-flex{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}
/* ==========================
   TEPRO - Wishlist Button
========================== */

/* الشكل الأساسي */
.btn--wishlist{
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 12px !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  transition: all .25s ease !important;
  box-shadow: none !important;
}

/* أيقونة القلب */
.btn--wishlist i{
  color: #ffffff !important;
  font-size: 18px;
  transition: all .25s ease;
}

/* عند المرور */
.btn--wishlist:hover{
  background: #ff2e63 !important;
  border-color: #ff2e63 !important;
  transform: translateY(-2px);
}

.btn--wishlist:hover i{
  color: #ffffff !important;
}

/* إذا انضافت للمفضلة (active) */
.btn--wishlist.is-active,
.btn--wishlist.active{
  background: #ff2e63 !important;
  border-color: #ff2e63 !important;
}

.btn--wishlist.is-active i,
.btn--wishlist.active i{
  color: #fff !important;
}
/* ==========================
   TEPRO - Share Button
========================== */

/* الشكل الأساسي */
.s-social-share-btn{
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 12px !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  transition: all .25s ease !important;
  box-shadow: none !important;
}

/* الأيقونة */
.s-social-share-btn svg,
.s-social-share-btn svg *{
  fill: #ffffff !important;
  transition: all .25s ease;
}

/* Hover */
.s-social-share-btn:hover{
  background: #00e0ff !important;   /* لون مختلف عن القلب */
  border-color: #00e0ff !important;
  transform: translateY(-2px);
}

.s-social-share-btn:hover svg{
  fill: #ffffff !important;
}

/* عند الضغط */
.s-social-share-btn:active{
  transform: scale(0.95);
}
/* ==========================
   TEPRO - Rating Stars Pro
========================== */

/* المسافة العامة */
.s-rating-stars-wrapper{
  display: flex !important;
  align-items: center;
  gap: 4px;
}

/* حجم النجوم */
.s-rating-stars-btn-star svg{
  width: 20px !important;
  height: 20px !important;
  transition: .2s ease;
}

/* النجوم المحددة */
.s-rating-stars-selected svg,
.s-rating-stars-selected svg *{
  fill: #ffc107 !important; /* ذهبي احترافي */
  filter: drop-shadow(0 0 3px rgba(255,193,7,.35));
}

/* النجوم غير المحددة (لو فيه) */
.s-rating-stars-btn-star:not(.s-rating-stars-selected) svg{
  fill: rgba(255,255,255,.25) !important;
}

/* عند المرور */
.s-rating-stars-btn-star:hover svg{
  transform: scale(1.1);
}

/* نص عدد التقييمات */
.s-rating-stars-reviews{
  margin-right: 6px;
  font-size: 14px !important;
  color: rgba(255,255,255,.75) !important;
}
/* =========================
   Speed Index / Rendering Boost
========================= */

/* 1) خفف الرندر للأقسام اللي تحت الفولد */
main #main-content,
.store-footer,
.section,
.s-block,
.shadow-default,
.rounded-md {
  content-visibility: auto;
  contain-intrinsic-size: 900px;
}

/* 2) خفف المؤثرات الثقيلة على الجوال */
@media (max-width: 768px) {
  .shadow-default,
  .s-notifications-item-shadow,
  .s-orders-table-tbody-tr-shadow {
    box-shadow: none !important;
  }

  .animated,
  [class*="duration-"],
  [class*="transition-"] {
    transition: none !important;
    animation: none !important;
  }
}

/* 3) احترام تقليل الحركة (يساعد بعض الأجهزة الضعيفة) */
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}