/* ===== START: FOOTER CSS (BIG PRODUCTS TITLE - NO CENTER) ===== */
h2.l-products-main-title.text-xl.font-bold{
  font-size: clamp(40px, 5.5vw, 72px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.6px !important;
  margin: 0 0 12px !important;
}

/* السطر الفرعي لو تستخدمه */
.l-products-main-subtitle{
  font-size: clamp(16px, 2.2vw, 22px) !important;
}
/* ===== END: FOOTER CSS (BIG PRODUCTS TITLE - NO CENTER) ===== */

/* ===== START: FOOTER CSS (CENTER + 72PX PARAGRAPH) ===== */
p.text-base.font-normal.leading-relaxed.lg\:text-end.ltr\:lg\:text-start.text-center.without-animation.delay-300.duration-slow.ease-smooth{
  font-size: 72px !important;
  line-height: 1.1 !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 18ch !important;  /* يمنع سطر طويل مرة */
  direction: rtl !important;
}
/* ===== END: FOOTER CSS (CENTER + 72PX PARAGRAPH) ===== */

/* ===== START: HEADER CSS (HIDE CART AMOUNT + CURRENCY + TRANSPARENT BG) ===== */

/* 1) اخفاء المبلغ + العملة (SAR) بالكامل */
#store-header .s-cart-summary-content,
#store-header .s-cart-summary-total,
#store-header .sicon-sar,
#store-header .s-cart-summary-content i,
#store-header .s-cart-summary-total i{
  display: none !important;
}

/* (اختياري) إذا تبي تخفي العداد "٠" بعد */
#store-header .s-cart-summary-count{
  display: none !important;
}

/* 2) خلي الخلفية شفافة (الهيدر + شريطه الداخلي) */
#store-header,
#store-header header,
#store-header .main-nav,
#store-header .navbar,
#store-header .top-header,
#store-header .middle-header,
#store-header .bottom-header{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* إذا فيه طبقة خلفية/blur داخل الهيدر في بعض الثيمات */
#store-header [class*="bg-"],
#store-header [style*="background"]{
  background: transparent !important;
  background-color: transparent !important;
}

/* ===== END: HEADER CSS (HIDE CART AMOUNT + CURRENCY + TRANSPARENT BG) ===== */

/* ===== START: FOOTER CSS (HERO P BIGGER) ===== */
p.text-base.font-normal.leading-relaxed.lg\:text-end.ltr\:lg\:text-start.text-center.without-animation.delay-300.duration-slow.ease-smooth{
  font-size: clamp(18px, 2.2vw, 34px) !important;
  line-height: 1.6 !important;
  max-width: 70ch !important;
}

/* موبايل: حافظ عليها واضحة بدون ما تكبر زيادة */
@media (max-width: 768px){
  p.text-base.font-normal.leading-relaxed.lg\:text-end.ltr\:lg\:text-start.text-center.without-animation.delay-300.duration-slow.ease-smooth{
    font-size: clamp(16px, 4.6vw, 22px) !important;
    line-height: 1.7 !important;
  }
}
/* ===== END: FOOTER CSS (HERO P BIGGER) ===== */

/* ===== START: FOOTER CSS (H2: WHAT IS LOCALS BIGGER) ===== */
h2.text-4xl.font-bold.font-manrope.leading-normal.lg\:text-start.text-center.without-animation.delay-200.duration-slow.ease-smooth{
  font-size: clamp(44px, 6vw, 96px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.6px !important;
  margin: 0 0 14px !important;
}
/* موبايل أكبر شوي لكن مضبوط */
@media (max-width: 768px){
  h2.text-4xl.font-bold.font-manrope.leading-normal.lg\:text-start.text-center.without-animation.delay-200.duration-slow.ease-smooth{
    font-size: clamp(34px, 9vw, 56px) !important;
    line-height: 1.08 !important;
  }
}
/* ===== END: FOOTER CSS (H2: WHAT IS LOCALS BIGGER) ===== */

/* ===== START: FOOTER CSS (LOCALS FOOTER 1:1 LAYOUT - EXACT EXTRACT) ===== */

/* اخفاء الجزء العلوي الكبير (لو موجود) */
footer .footer-head{ display:none !important; }

/* اخفاء أعمدة الفوتر القديمة (نخلي بس الحقوق/الدفع) */
footer .footer-body-container{ display:none !important; }

/* شريط الروابط الجديد */
.locals-footer-row{
  width:100%;
  background:#fff;
  border-top:1px solid rgba(222,32,37,.35);
  border-bottom:1px solid rgba(222,32,37,.35);

  /* نفس الإحساس بالصورة: روابط فوق ومساحة تحت */
  padding: 26px 0 90px;
}

/* مهم: نخلي توزيع الأعمدة LTR عشان يصير (يسار | وسط | يمين) حرفياً مثل الصورة */
.locals-footer-row .locals-wrap{
  max-width:1440px;
  margin:0 auto;
  padding:0 26px;

  display:grid !important;
  grid-template-columns: 1fr 1fr auto;  /* LEFT | CENTER | LOGO */
  align-items:start;
  column-gap: 120px;

  direction:ltr !important;             /* يثبت أماكن الأعمدة */
}

/* روابط العمود اليسار */
.locals-footer-row .locals-left{
  justify-self:start;
  direction:rtl;                        /* النص عربي */
  text-align:right;
  display:flex;
  flex-direction:column;
  gap:18px;
}

/* روابط العمود الوسط */
.locals-footer-row .locals-center{
  justify-self:center;
  direction:rtl;
  text-align:right;
  display:flex;
  flex-direction:column;
  gap:18px;
}

/* اللوقو يمين */
.locals-footer-row .locals-logo{
  justify-self:end;
  direction:rtl;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
}

.locals-footer-row a{
  color:#de2025 !important;
  text-decoration:none !important;
  font-size:24px;
  font-weight:700;
  line-height:1.15;
  white-space:nowrap;
}
.locals-footer-row a:hover{ opacity:.75; }

/* حجم اللوقو Desktop */
@media (min-width:1024px){
  .locals-footer-row .locals-logo img{
    height:84px !important;
    width:auto;
    display:block;
  }
}

/* موبايل: نخليه عمودين + اللوقو يمين وكبير (سهولة ضغط) */
@media (max-width:768px){
  .locals-footer-row{
    padding: 18px 0 24px;
  }

  .locals-footer-row .locals-wrap{
    grid-template-columns: 1fr auto;    /* links block | logo */
    column-gap: 16px;
    row-gap: 10px;
  }

  /* بلوك الروابط يصير عمودين */
  .locals-footer-row .locals-links{
    grid-column: 1 / 2;
    display:grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    align-items:start;
    direction:ltr !important;           /* توزيع عمودين ثابت */
  }

  .locals-footer-row .locals-left,
  .locals-footer-row .locals-center{
    direction:rtl;
    text-align:right;
    gap:14px;
  }

  .locals-footer-row .locals-logo{
    grid-column: 2 / 3;
    grid-row: 1;
    justify-self:end;
  }

  .locals-footer-row .locals-logo a{
    display:inline-flex !important;
    padding:12px !important;            /* tap area */
    border-radius:14px !important;
  }

  .locals-footer-row .locals-logo img{
    height:96px !important;
  }

  .locals-footer-row a{
    font-size:18px;
    font-weight:700;
  }
}

/* ===== START: DESKTOP FIX (FOOTER) ===== */
@media (min-width: 1024px){

  /* container: left+center together, logo right */
  .locals-footer-row .locals-wrap{
    display: grid !important;
    grid-template-columns: 1fr auto !important; /* links | logo */
    align-items: start !important;
    column-gap: 140px !important;
    direction: ltr !important; /* keeps physical placement stable */
  }

  /* make links two columns (left + center) side-by-side */
  .locals-footer-row .locals-links{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 220px !important; /* controls spacing between the two text columns */
    align-items: start !important;
    direction: ltr !important;
  }

  /* both columns: Arabic text, aligned right */
  .locals-footer-row .locals-left,
  .locals-footer-row .locals-center{
    direction: rtl !important;
    text-align: right !important;
    align-items: flex-end !important;
    justify-self: start !important;
    gap: 18px !important;
  }

  /* pin logo to far right */
  .locals-footer-row .locals-logo{
    justify-self: end !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
  }

  /* reduce that huge empty height on desktop */
  .locals-footer-row{
    padding: 22px 0 30px !important; /* top | bottom */
  }

  /* keep logo size */
  .locals-footer-row .locals-logo img{
    height: 84px !important;
    width: auto !important;
    display: block !important;
  }
}
/* ===== END: DESKTOP FIX (FOOTER) ===== */

/* ===== START: FOOTER RED TEXT + RIGHT COPYRIGHT ONLY ===== */

/* 1) Make all footer text red (safe) */
footer,
footer p,
footer a,
footer span,
footer li,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
  color:#de2025 !important;
}

/* Keep payment logos as-is (NO filters) */
footer .s-payments-list img{
  filter:none !important;
}

/* 2) Down-right copyright text (only) */
footer .copyright-container{
  justify-content: space-between !important;
  align-items: center !important;
}

footer .copyright-container .copyright-text{
  margin-left: auto !important;   /* push to right */
  text-align: right !important;
  width: auto !important;
}

/* ===== END: FOOTER RED TEXT + RIGHT COPYRIGHT ONLY ===== */

/* ===== START: MOBILE CENTER COPYRIGHT ===== */
@media (max-width: 768px){
  footer .copyright-container{
    justify-content: center !important;
    flex-direction: column !important;
    gap: 10px !important;
    text-align: center !important;
  }

  footer .copyright-container .copyright-text{
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  footer .s-payments-list-wrap{
    margin: 0 auto !important;
  }
}
/* ===== END: MOBILE CENTER COPYRIGHT ===== */

/* ===== START: MOBILE LOGO BETWEEN TWO COLUMNS ===== */
@media (max-width: 768px){

  /* 3 columns: left links | logo | right links */
  .locals-footer-row .locals-wrap{
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: start !important;
    column-gap: 14px !important;
    direction: ltr !important; /* physical layout stable */
  }

  /* stop the old "2-col links block" */
  .locals-footer-row .locals-links{
    display: contents !important; /* let left/center become direct grid items */
  }

  /* left column (Help) */
  .locals-footer-row .locals-left{
    grid-column: 1 !important;
    direction: rtl !important;
    text-align: right !important;
    align-items: flex-start !important;
  }

  /* logo in the middle */
  .locals-footer-row .locals-logo{
    grid-column: 2 !important;
    justify-self: center !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }

  /* right column (Social) */
  .locals-footer-row .locals-center{
    grid-column: 3 !important;
    direction: rtl !important;
    text-align: right !important;
    align-items: flex-start !important;
  }

  /* logo size + tap */
  .locals-footer-row .locals-logo a{
    display: inline-flex !important;
    padding: 8px !important;
    border-radius: 14px !important;
  }
  .locals-footer-row .locals-logo img{
    height: 78px !important; /* عدّلها براحتك */
    width: auto !important;
  }

  /* tighten spacing so it matches your reference */
  .locals-footer-row{
    padding: 16px 0 18px !important;
  }

  .locals-footer-row a{
    font-size: 16px !important;
  }
}
/* ===== END: MOBILE LOGO BETWEEN TWO COLUMNS ===== */

/* ===== END: FOOTER CSS (LOCALS FOOTER 1:1 LAYOUT - EXACT EXTRACT) ===== */