@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
/* =====================================================
   AFTER ZERO — GYMSHARK STYLE REFRESH
   هدف هذه الإضافة: تقليل الليونة (الزوايا الدائرية والظلال
   الناعمة) وتقوية التباين الأسود/الأبيض، خط أعرض وأكبر،
   صور منتج أكبر وأوضح، أزرار حادة وجريئة — بنفس متغيرات
   ونظام الكود الحالي (لا نغيّر شي بالأعلى، فقط نضيف فوقه)
   ===================================================== */

:root{
  /* نسخّي التقوس أقل بشكل عام */
  --az-radius-sharp:4px;
  --az-radius-soft:10px;
}

/* -----------------------------------------------------
   1) إلغاء الليونة الزائدة: زوايا أقل + ظلال أخف
   ----------------------------------------------------- */

.s-product-card-entry,
.s-block--cards a,
.s-button-primary,
.s-button-outline,
button,
input,
select,
textarea{
  border-radius:var(--az-radius-sharp) !important;
}

.s-product-card-entry{
  box-shadow:none !important;
  border:1px solid rgba(0,0,0,.10) !important;
}

.s-product-card-entry:hover{
  transform:none !important;
  box-shadow:none !important;
  border-color:var(--az-black) !important;
}

/* -----------------------------------------------------
   2) عناوين الأقسام: أكبر، بولد، Uppercase، محاذاة يسار
   ----------------------------------------------------- */

.s-block__title,
.s-slider-block__title,
.section-title,
.s-block h2,
section h2{
  font-family:'Montserrat','Noto Kufi Arabic',sans-serif !important;
  font-weight:900 !important;
  font-size:clamp(26px,4vw,42px) !important;
  letter-spacing:-.5px !important;
  text-transform:uppercase !important;
  color:var(--az-black) !important;
}

.s-block__display-all,
.s-slider-block__display-all{
  font-family:'Montserrat',sans-serif !important;
  font-weight:800 !important;
  font-size:12px !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  border-bottom:2px solid var(--az-orange) !important;
  padding-bottom:2px !important;
}

/* -----------------------------------------------------
   3) البانرات / الهيرو: بدون تدوير، Full-bleed، تباين قوي
   ----------------------------------------------------- */

.s-block--banners img,
.s-block--photos-slider img,
.s-block--fixed-banner img,
.s-block--image-banner img,
.s-slider-block img{
  border-radius:0 !important;
  box-shadow:none !important;
}

/* تراكب داكن خفيف أسفل صور البانر لإبراز أي نص فوقها */
.s-block--banners .s-slider-item,
.s-block--fixed-banner .s-slider-item{
  position:relative !important;
}

.s-block--banners .s-slider-item::after,
.s-block--fixed-banner .s-slider-item::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, transparent 55%, rgba(0,0,0,.55) 100%) !important;
  pointer-events:none !important;
}

/* -----------------------------------------------------
   4) الأقسام (كاتيجوري): بلاطات صورة كبيرة + تسمية سفلية
   بدل الأيقونات الصغيرة الناعمة — أقرب لأسلوب Gymshark
   ----------------------------------------------------- */

.s-block--cards a{
  background:var(--az-black) !important;
  border:0 !important;
  box-shadow:none !important;
  position:relative !important;
}

.s-block--cards a img{
  border-radius:0 !important;
  opacity:.82 !important;
  transition:opacity .2s ease, transform .3s ease !important;
}

.s-block--cards a:hover img{
  opacity:1 !important;
  transform:scale(1.04) !important;
}

.s-block--cards a h3,
.s-block--cards a p,
.s-block--cards a span{
  font-family:'Montserrat',sans-serif !important;
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
}

/* -----------------------------------------------------
   5) كروت المنتج: صورة أكبر، إطار خفيف بدل الظل، تايبو بولد
   ----------------------------------------------------- */

.s-product-card-image,
.s-product-card-entry .s-product-card-image{
  background:#fff !important;
  height:240px !important;
  min-height:240px !important;
  max-height:240px !important;
}

.s-product-card-image img,
.s-product-card-entry img{
  max-width:88% !important;
  max-height:220px !important;
}

.s-product-card-content-title,
.s-product-card-content-title a{
  font-family:'IBM Plex Sans Arabic',sans-serif !important;
  font-weight:800 !important;
  text-transform:none !important;
  font-size:14px !important;
}

.s-product-card-price{
  font-family:'Montserrat',sans-serif !important;
  font-weight:900 !important;
  font-size:17px !important;
  color:var(--az-black) !important;
}

/* شارة الخصم بأسلوب حاد أسود بدل البرتقالي الدائري */
.s-product-card-entry [class*="discount"],
.s-product-card-entry [class*="sale"],
.s-product-card-promotion-title{
  background:var(--az-black) !important;
  color:#fff !important;
  border-radius:0 !important;
  font-family:'Montserrat',sans-serif !important;
  letter-spacing:1px !important;
}

/* -----------------------------------------------------
   6) الأزرار: حادة، بولد، Uppercase، تباين قوي
   ----------------------------------------------------- */

.s-button-primary,
button[type="submit"]{
  background:var(--az-black) !important;
  border-color:var(--az-black) !important;
  color:#fff !important;
  font-family:'Montserrat',sans-serif !important;
  font-weight:900 !important;
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
}

.s-button-primary:hover,
button[type="submit"]:hover{
  background:var(--az-orange) !important;
  border-color:var(--az-orange) !important;
}

/* زر إضافة السلة داخل كرت المنتج يرجع أسود حاد (مو دائري صغير) */
.s-product-card-entry .s-button-primary,
.s-product-card-entry button{
  background:var(--az-black) !important;
  border-radius:var(--az-radius-sharp) !important;
}

.s-button-outline{
  border:2px solid var(--az-black) !important;
  border-radius:var(--az-radius-sharp) !important;
  font-family:'Montserrat',sans-serif !important;
  font-weight:900 !important;
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
}

/* -----------------------------------------------------
   7) الفوتر: أسود خام بدون تدوير علوي، أقرب لجيمشارك
   ----------------------------------------------------- */

footer,
.store-footer,
.s-footer{
  background:#0a0a0a !important;
  border-radius:0 !important;
}

footer h1,
footer h2,
footer h3,
footer h4{
  font-family:'Montserrat',sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:1px !important;
}

/* -----------------------------------------------------
   8) شريط الإعلان العلوي: أوضح وأحدّ
   ----------------------------------------------------- */

.top-navbar,
.announcement-bar,
.salla-advertisement{
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
}
:root {
  --theme-background: #fff5eb;
  --theme-background-light: #fffaf6;
  --theme-accent: #ff6200;
  --theme-text: #171717;
}

html,
body {
  margin: 0;
  min-height: 100%;
  background:
    radial-gradient(
      circle at 75% 20%,
      rgba(255, 205, 165, 0.25),
      transparent 38%
    ),
    linear-gradient(
      135deg,
      var(--theme-background-light),
      var(--theme-background)
    );
  color: var(--theme-text);
}

/* العناصر الرئيسية في الموقع */
body,
main,
.site,
.site-content,
.page-wrapper,
.content-wrapper {
  background-color: transparent !important;
}

/* الهيدر والفوتر والبطاقات */
header,
footer,
.card,
.product-card {
  background-color: rgba(255, 250, 246, 0.88);
}

/* الأزرار بنفس برتقالي البانر */
button,
.button,
.btn,
input[type="submit"] {
  background-color: var(--theme-accent);
  color: #fff;
  border: 0;
}
:root {
  --theme-black: #070707;
  --theme-wave: #202020;
  --theme-wave-light: #2b2b2b;
  --theme-orange: #ff6200;
}

html,
body {
  min-height: 100%;
  margin: 0;
}

body {
  background-color: var(--theme-black) !important;

  /* تموجات سوداء مائلة */
  background-image:
    repeating-linear-gradient(
      115deg,
      transparent 0,
      transparent 65px,
      rgba(255, 255, 255, 0.035) 70px,
      rgba(255, 255, 255, 0.12) 105px,
      rgba(255, 255, 255, 0.035) 135px,
      transparent 145px,
      transparent 220px
    ),
    radial-gradient(
      ellipse at 20% 30%,
      rgba(255, 255, 255, 0.07),
      transparent 35%
    ),
    radial-gradient(
      ellipse at 80% 70%,
      rgba(255, 255, 255, 0.05),
      transparent 40%
    );

  background-size:
    420px 420px,
    800px 600px,
    900px 700px;

  background-attachment: fixed;
  color: #fff;
}

/* إظهار الخلفية خلف أقسام المتجر */
main,
.site,
.site-content,
.page-wrapper,
.content-wrapper,
.app-inner,
#app {
  background: transparent !important;
}

/* البطاقات */
.card,
.product-card,
.s-product-card-entry {
  background: rgba(20, 20, 20, 0.92) !important;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* العناوين والنصوص */
h1,
h2,
h3,
h4,
p {
  color: #fff;
}

/* الأزرار بلون البانر السابق */
.btn,
.button,
button,
input[type="submit"] {
  background: var(--theme-orange);
  color: #fff;
  border: 0;
}
/* الفوتر امتداد مباشر لخلفية المتجر */
footer,
.store-footer,
.s-footer,
.store-footer__inner,
.footer-container,
.footer-bottom,
.copyrights {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* خط فاصل بسيط بلون الهوية */
footer,
.store-footer,
.s-footer {
  border-top: 1px solid rgba(255, 138, 0, 0.35);
  color: #fff !important;
}

/* مساحة الفوتر */
footer .container,
.store-footer .container,
.s-footer .container {
  max-width: 1400px;
  margin-inline: auto;
  padding: 55px 30px 30px;
}

/* إصلاح النصوص السوداء */
footer *,
.store-footer *,
.s-footer * {
  color: #f5f1ed;
}

/* عناوين الفوتر */
footer h1,
footer h2,
footer h3,
footer h4,
.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.s-footer h1,
.s-footer h2,
.s-footer h3,
.s-footer h4 {
  color: #ff8a00 !important;
  font-weight: 700;
}

/* الروابط */
footer a,
.store-footer a,
.s-footer a {
  color: #f5f1ed !important;
  text-decoration: none;
  transition: color 0.25s ease;
}

footer a:hover,
.store-footer a:hover,
.s-footer a:hover {
  color: #ff8a00 !important;
}

/* وصف المتجر */
footer p,
.store-footer p,
.s-footer p {
  color: #ded8d2 !important;
  line-height: 1.9;
}

/* الشعار: خلفية خفيفة لإظهار الكتابة السوداء داخله */
footer .logo,
footer .footer-logo,
.store-footer .logo,
.store-footer .footer-logo {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 10px 16px;
  background: rgba(255, 248, 242, 0.96) !important;
  border: 1px solid rgba(255, 138, 0, 0.3);
  border-radius: 12px;
}

footer .logo img,
footer .footer-logo img,
.store-footer .logo img,
.store-footer .footer-logo img {
  width: auto;
  max-width: 260px;
  max-height: 100px;
  object-fit: contain;
}

/* الجزء السفلي وحقوق المتجر */
footer .footer-bottom,
footer .copyright,
.store-footer .footer-bottom,
.store-footer .copyright {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: #bdb7b2 !important;
}

/* تنسيق الجوال */
@media (max-width: 768px) {
  footer .container,
  .store-footer .container,
  .s-footer .container {
    padding: 35px 18px 25px;
  }

  footer .footer-content,
  footer .footer-columns,
  .store-footer .footer-content,
  .store-footer .footer-columns {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px;
  }

  footer h1,
  footer h2,
  footer h3,
  footer h4,
  .store-footer h1,
  .store-footer h2,
  .store-footer h3,
  .store-footer h4 {
    font-size: 18px;
  }

  footer p,
  footer a,
  footer li,
  .store-footer p,
  .store-footer a,
  .store-footer li {
    font-size: 14px;
  }

  footer .logo img,
  footer .footer-logo img,
  .store-footer .logo img,
  .store-footer .footer-logo img {
    max-width: 190px;
    max-height: 75px;
  }
}
/* =====================================
   إصلاح وضوح الفوتر على الخلفية الكريمية
===================================== */

footer,
.store-footer,
.s-footer,
.store-footer__inner,
.footer-container {
  background: transparent !important;
  color: #181818 !important;
}

/* إعادة جميع نصوص الفوتر إلى لون واضح */
footer *,
.store-footer *,
.s-footer * {
  color: #181818;
  opacity: 1 !important;
  visibility: visible !important;
}

/* عناوين الفوتر */
footer h1,
footer h2,
footer h3,
footer h4,
.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.s-footer h1,
.s-footer h2,
.s-footer h3,
.s-footer h4 {
  color: #e85d04 !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

/* الروابط والقوائم */
footer a,
footer li,
.store-footer a,
.store-footer li,
.s-footer a,
.s-footer li {
  color: #242424 !important;
  opacity: 1 !important;
  font-weight: 500;
  text-decoration: none;
}

footer a:hover,
.store-footer a:hover,
.s-footer a:hover {
  color: #e85d04 !important;
}

/* وصف المتجر والنصوص العادية */
footer p,
footer span,
footer address,
.store-footer p,
.store-footer span,
.store-footer address,
.s-footer p,
.s-footer span,
.s-footer address {
  color: #33302d !important;
  opacity: 1 !important;
  line-height: 1.8;
}

/* معلومات التواصل */
footer [class*="contact"],
.store-footer [class*="contact"],
.s-footer [class*="contact"] {
  color: #242424 !important;
  opacity: 1 !important;
}

footer [class*="contact"] a,
.store-footer [class*="contact"] a,
.s-footer [class*="contact"] a {
  color: #242424 !important;
  opacity: 1 !important;
  font-weight: 600;
}

/* دوائر أيقونات التواصل */
footer [class*="contact"] svg,
footer [class*="contact"] i,
.store-footer [class*="contact"] svg,
.store-footer [class*="contact"] i {
  color: #e85d04 !important;
  stroke: #e85d04 !important;
  opacity: 1 !important;
}

footer [class*="contact"] a:has(svg),
.store-footer [class*="contact"] a:has(svg) {
  border-color: rgba(232, 93, 4, 0.45) !important;
}

/* الخطوط الفاصلة */
footer hr,
.store-footer hr,
.s-footer hr {
  border-color: rgba(24, 24, 24, 0.15) !important;
  opacity: 1 !important;
}

/* أيقونات التواصل الاجتماعي */
footer .social-links a,
footer .social-link,
.store-footer .social-links a,
.store-footer .social-link {
  color: #e85d04 !important;
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(232, 93, 4, 0.35) !important;
  opacity: 1 !important;
}

/* خلفية الجزء السفلي */
footer .footer-bottom,
footer .copyright,
.store-footer .footer-bottom,
.store-footer .copyright,
.s-footer .footer-bottom,
.s-footer .copyright {
  background: rgba(255, 255, 255, 0.28) !important;
  border-top: 1px solid rgba(24, 24, 24, 0.12);
}

/* حقوق المتجر */
footer .footer-bottom *,
footer .copyright *,
.store-footer .footer-bottom *,
.store-footer .copyright *,
.s-footer .footer-bottom *,
.s-footer .copyright * {
  color: #645d57 !important;
  opacity: 1 !important;
}

/* وسائل الدفع تبقى بألوانها الأصلية */
footer img,
.store-footer img,
.s-footer img {
  opacity: 1 !important;
  filter: none !important;
}

/* تحسين العرض على الجوال */
@media (max-width: 768px) {
  footer .container,
  .store-footer .container,
  .s-footer .container {
    padding: 32px 18px 24px !important;
  }

  footer h3,
  footer h4,
  .store-footer h3,
  .store-footer h4,
  .s-footer h3,
  .s-footer h4 {
    font-size: 17px !important;
    margin-bottom: 15px !important;
  }

  footer p,
  footer a,
  footer li,
  footer span,
  .store-footer p,
  .store-footer a,
  .store-footer li,
  .store-footer span {
    font-size: 14px !important;
  }

  footer [class*="contact"] a,
  .store-footer [class*="contact"] a {
    min-height: 44px;
  }

  footer .footer-bottom,
  footer .copyright,
  .store-footer .footer-bottom,
  .store-footer .copyright {
    padding: 22px 12px !important;
    text-align: center;
  }
}
/* عنوان الأقسام */
.s-block__title h2,
.s-block__title,
.section-title,
.section-title h2 {
  color: #1b1b1b !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}

/* رابط عرض الكل */
.s-block__title a,
.section-title a {
  color: #d95300 !important;
  font-weight: 600;
}

/* تقليل المسافة بين البانر وقسم المنتجات */
.s-block--banners + .s-block,
.home-slider + .s-block,
section:has(.s-slider-block__title) {
  margin-top: 25px !important;
  padding-top: 0 !important;
}

/* بطاقات المنتجات */
.s-product-card-entry,
.product-card {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(232, 93, 4, 0.22) !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 18px rgba(80, 45, 20, 0.07);
}

/* صورة المنتج */
.s-product-card-image,
.product-card img {
  background: #fff !important;
}

/* اسم وسعر المنتج */
.s-product-card-content-title a,
.s-product-card-price,
.product-card-title,
.product-card-price {
  color: #1b1b1b !important;
  opacity: 1 !important;
}

/* زر المفضلة */
.s-product-card-wishlist-btn {
  color: #d95300 !important;
  background: rgba(255, 248, 242, 0.95) !important;
  border: 1px solid rgba(232, 93, 4, 0.18) !important;
}

/* تحسين عرض الجوال */
@media (max-width: 768px) {
  .s-block__title {
    margin-bottom: 16px !important;
  }

  .s-block__title h2,
  .section-title h2 {
    font-size: 22px !important;
  }

  .s-product-card-entry,
  .product-card {
    border-radius: 10px !important;
  }
}
/* إصلاح عنوان قسم المنتجات في سلة */
html body main .s-slider-block__title h2,
html body main .s-slider-block__title h3,
html body .s-slider-block__title h2,
html body .s-slider-block__title h3 {
  color: #181818 !important;
  -webkit-text-fill-color: #181818 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  filter: none !important;
  font-weight: 800 !important;
}

/* رابط عرض الكل */
html body .s-slider-block__title a,
html body .s-slider-block__title-right a,
html body .s-slider-block__title .s-button-element {
  color: #d95300 !important;
  -webkit-text-fill-color: #d95300 !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}

/* خط عنوان قسم المنتجات */
html body main .s-slider-block__title h2,
html body main .s-slider-block__title h3,
html body .s-block__title h2,
html body .section-title h2 {
  font-family: "Tajawal", sans-serif !important;
  font-weight: 800 !important;
  color: #181818 !important;
  -webkit-text-fill-color: #181818 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
}

/* رابط عرض الكل */
html body .s-slider-block__title a,
html body .s-slider-block__title-right a {
  font-family: "Tajawal", sans-serif !important;
  font-weight: 700 !important;
  color: #d95300 !important;
}

/* حجم مناسب للجوال */
@media (max-width: 768px) {
  html body main .s-slider-block__title h2,
  html body main .s-slider-block__title h3 {
    font-size: 25px !important;
  }
}
html,
body,
button,
input,
select,
textarea {
  font-family: "Tajawal", sans-serif !important;
}
/* AFTER ZERO - FIX PRODUCT PAGE CART / QUANTITY CONTROLS */

/* لا تلمس أزرار صفحة المنتج */
.product-single,
.product-page,
.s-product,
.salla-product-page,
section.product,
main:has(.s-product-options-wrapper),
main:has(salla-product-options){
  --az-product-control-height: 52px;
}

/* حاوية الكمية */
.product-single .s-quantity-input-container,
.product-page .s-quantity-input-container,
.s-product .s-quantity-input-container,
.salla-product-page .s-quantity-input-container,
.s-quantity-input-container{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:190px !important;
  height:52px !important;
  min-height:52px !important;
  background:#fff !important;
  border:1.5px solid #111 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* أزرار + و - */
.product-single .s-quantity-input-button,
.product-page .s-quantity-input-button,
.s-product .s-quantity-input-button,
.salla-product-page .s-quantity-input-button,
.s-quantity-input-button{
  width:56px !important;
  height:52px !important;
  min-width:56px !important;
  min-height:52px !important;
  max-width:56px !important;
  max-height:52px !important;
  background:#ff6b00 !important;
  color:#fff !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:24px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  opacity:1 !important;
}

/* رقم الكمية */
.product-single .s-quantity-input-input,
.product-page .s-quantity-input-input,
.s-product .s-quantity-input-input,
.salla-product-page .s-quantity-input-input,
.s-quantity-input-input,
input[type="number"]{
  width:70px !important;
  height:52px !important;
  min-height:52px !important;
  background:#fff !important;
  color:#111 !important;
  border:0 !important;
  text-align:center !important;
  font-size:18px !important;
  font-weight:900 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* زر اشتري الآن / أضف للسلة في صفحة المنتج */
.product-single .s-button-primary,
.product-page .s-button-primary,
.s-product .s-button-primary,
.salla-product-page .s-button-primary,
.product-single button[type="submit"],
.product-page button[type="submit"],
.s-product button[type="submit"],
.salla-product-page button[type="submit"],
.product-single salla-add-product-button button,
.product-page salla-add-product-button button,
.s-product salla-add-product-button button{
  width:100% !important;
  height:52px !important;
  min-height:52px !important;
  max-height:none !important;
  background:#ff6b00 !important;
  border:1.5px solid #ff6b00 !important;
  color:#fff !important;
  border-radius:16px !important;
  font-size:16px !important;
  font-weight:900 !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  pointer-events:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  cursor:pointer !important;
}

/* أيقونات زر الشراء في صفحة المنتج */
.product-single .s-button-primary svg,
.product-page .s-button-primary svg,
.s-product .s-button-primary svg,
.salla-product-page .s-button-primary svg,
.product-single button[type="submit"] svg,
.product-page button[type="submit"] svg{
  width:20px !important;
  height:20px !important;
  color:#fff !important;
  stroke:#fff !important;
}

/* إلغاء تأثير أكواد تصغير كروت المنتجات على صفحة المنتج */
.product-single salla-add-product-button,
.product-page salla-add-product-button,
.s-product salla-add-product-button,
.salla-product-page salla-add-product-button{
  width:100% !important;
  height:auto !important;
  min-width:0 !important;
  max-width:none !important;
  display:block !important;
}

/* خلي تصغير زر السلة خاص بكروت المنتجات فقط */
.s-product-card-entry salla-add-product-button,
.s-product-card-entry .s-button-wrap,
.s-product-card-entry .s-button-element,
.s-product-card-entry .s-button-btn,
.s-product-card-entry .s-button-primary,
.s-product-card-entry button{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  max-width:30px !important;
  max-height:30px !important;
  border-radius:8px !important;
  padding:0 !important;
}

/* توضيح السعر في صفحة المنتج */
.product-single .price,
.product-page .price,
.s-product .price,
.salla-product-page .price,
.product-single [class*="price"],
.product-page [class*="price"]{
  color:#111 !important;
  font-size:22px !important;
  font-weight:900 !important;
  opacity:1 !important;
  visibility:visible !important;
}
/* AFTER ZERO - CHANGE WHITE AREAS TO WARM OFF-WHITE */

:root{
  --az-warm-white:#fff7eb;
  --az-warm-soft:#fff1dc;
  --az-line:#efd9bf;
}

/* الهيدر العلوي */
.store-header,
.main-header,
.header-wrapper,
.site-header,
.navbar,
.s-header{
  background:linear-gradient(180deg,#fffaf2 0%, var(--az-warm-white) 100%) !important;
  border-bottom:1px solid var(--az-line) !important;
  box-shadow:0 8px 22px rgba(255,107,0,.08) !important;
}

/* شريط المسار / breadcrumb تحت الهيدر */
.breadcrumb,
.breadcrumbs,
.s-breadcrumb,
.s-breadcrumb-wrapper,
[class*="breadcrumb"]{
  background:linear-gradient(180deg,var(--az-warm-white) 0%, var(--az-warm-soft) 100%) !important;
  color:#111 !important;
  border-top:1px solid var(--az-line) !important;
  border-bottom:1px solid var(--az-line) !important;
}

/* روابط المسار */
.breadcrumb a,
.breadcrumbs a,
.s-breadcrumb a,
.s-breadcrumb-wrapper a,
[class*="breadcrumb"] a{
  color:#111 !important;
  font-weight:800 !important;
}

/* خلفية أي مساحة بيضاء مباشرة حول الهيدر */
.header-area,
.top-header,
.main-nav,
.s-store-header,
.s-header-wrapper{
  background:var(--az-warm-white) !important;
}

/* أزرار الهيدر بدل الأبيض الصافي */
.store-header button,
.main-header button,
.header-btn,
.header-btn__icon,
.s-user-menu-trigger,
.s-cart-summary-wrapper{
  background:linear-gradient(145deg,#fffaf4 0%,#ffefd8 100%) !important;
  border:1px solid rgba(255,107,0,.18) !important;
  box-shadow:0 6px 14px rgba(255,107,0,.10) !important;
}

/* أي مساحة بيضاء عامة في صفحة المنتج */
.product-single,
.product-page,
.s-product,
.salla-product-page,
main:has(.s-product-options-wrapper),
main:has(salla-product-options){
  background:
    radial-gradient(circle at 88% 8%, rgba(255,107,0,.10), transparent 26%),
    linear-gradient(180deg,#fffaf2 0%,#fff3df 100%) !important;
}
/* AFTER ZERO - BREADCRUMB COLOR FIX */

.breadcrumb,
.breadcrumbs,
.s-breadcrumb,
.s-breadcrumb-wrapper,
[class*="breadcrumb"]{
  background:#111111 !important;
  color:#ffffff !important;
  border-top:1px solid rgba(255,107,0,.35) !important;
  border-bottom:1px solid rgba(255,107,0,.35) !important;
}

.breadcrumb *,
.breadcrumbs *,
.s-breadcrumb *,
.s-breadcrumb-wrapper *,
[class*="breadcrumb"] *{
  color:#ffffff !important;
  opacity:1 !important;
  font-weight:800 !important;
}

.breadcrumb a,
.breadcrumbs a,
.s-breadcrumb a,
.s-breadcrumb-wrapper a,
[class*="breadcrumb"] a{
  color:#ffffff !important;
}

.breadcrumb svg,
.breadcrumbs svg,
.s-breadcrumb svg,
.s-breadcrumb-wrapper svg,
[class*="breadcrumb"] svg{
  color:#ff6b00 !important;
  stroke:#ff6b00 !important;
}

/* AFTER ZERO - FIX CATEGORIES TITLE COLOR */

.s-block--cards h3{
  color:#ff6b00 !important;
  opacity:1 !important;
  font-weight:900 !important;
}

.s-block--cards h2{
  color:#111111 !important;
  opacity:1 !important;
  font-weight:900 !important;
  text-shadow:none !important;
}

/* لو العنوان داخل عناصر ثانية */
.s-block--cards .s-block__title,
.s-block--cards .section-title,
.s-block--cards [class*="title"]{
  color:#111111 !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* CATEGORIES */
.s-block--cards .s-block__subtitle,
.s-block--cards [class*="subtitle"]{
  color:#ff6b00 !important;
  opacity:1 !important;
  font-weight:900 !important;
}

/* AFTER ZERO - FORCE CATEGORIES TITLE BLACK */

.s-block--cards h2,
.s-block--cards .s-block__title,
.s-block--cards [class*="title"]{
  color:#111111 !important;
  opacity:1 !important;
  text-shadow:none !important;
  -webkit-text-fill-color:#111111 !important;
}

/* يخلي CATEGORIES برتقالي */
.s-block--cards h3,
.s-block--cards .s-block__subtitle,
.s-block--cards [class*="subtitle"]{
  color:#ff6b00 !important;
  opacity:1 !important;
  text-shadow:none !important;
  -webkit-text-fill-color:#ff6b00 !important;
}
/* AFTER ZERO - FORCE CATEGORY HEADING AR + EN BLACK */

.s-block--cards h2,
.s-block--cards h3,
.s-block--cards .s-block__title,
.s-block--cards .s-block__subtitle,
.s-block--cards [class*="title"],
.s-block--cards [class*="subtitle"],
.s-block--cards [class*="heading"],
.s-block--cards [class*="caption"]{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  opacity:1 !important;
  text-shadow:none !important;
  font-weight:900 !important;
}

/* لو كان CATEGORIES داخل span أو p */
.s-block--cards > div span,
.s-block--cards > div p,
.s-block--cards > div small{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  opacity:1 !important;
  text-shadow:none !important;
  font-weight:900 !important;
}
/* AFTER ZERO - FORCE ALL SECTION TITLES BLACK */

body main h1,
body main h2,
body main h3,
body main .s-block__title,
body main .s-block__subtitle,
body main .section-title,
body main .section-subtitle,
body main .custom-component h1,
body main .custom-component h2,
body main .custom-component h3,
body main .s-block--custom h1,
body main .s-block--custom h2,
body main .s-block--custom h3,
body main .s-block--cards h1,
body main .s-block--cards h2,
body main .s-block--cards h3,
body main [class*="custom"] h1,
body main [class*="custom"] h2,
body main [class*="custom"] h3,
body main [class*="cards"] h1,
body main [class*="cards"] h2,
body main [class*="cards"] h3,
body main [class*="title"],
body main [class*="subtitle"]{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  opacity:1 !important;
  text-shadow:none !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}

/* لو CATEGORIES تبيها برتقالي */
body main .s-block--cards h3,
body main .custom-component h3,
body main [class*="custom"] h3{
  color:#ff6b00 !important;
  -webkit-text-fill-color:#ff6b00 !important;
  opacity:1 !important;
}
/* AFTER ZERO - CATEGORIES TITLE SAME AS CARD LABEL FONT */

.s-block--cards h2,
.s-block--cards .s-block__title,
.s-block--cards [class*="title"]{
  font-family:'IBM Plex Sans Arabic', 'Almarai', 'Tahoma', sans-serif !important;
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  font-size:24px !important;
  font-weight:900 !important;
  letter-spacing:-.3px !important;
  line-height:1.25 !important;
  text-shadow:none !important;
  opacity:1 !important;
}

/* كلمة CATEGORIES فوق */
.s-block--cards h3,
.s-block--cards .s-block__subtitle,
.s-block--cards [class*="subtitle"]{
  font-family:'IBM Plex Sans Arabic', 'Almarai', 'Tahoma', sans-serif !important;
  color:#ff6b00 !important;
  -webkit-text-fill-color:#ff6b00 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.7px !important;
  text-shadow:none !important;
  opacity:1 !important;
}

/* أسماء الفئات تحت الصور */
.s-block--cards a h3,
.s-block--cards a p,
.s-block--cards a span{
  font-family:'IBM Plex Sans Arabic', 'Almarai', 'Tahoma', sans-serif !important;
  font-weight:900 !important;
}