/* ==================================================
   ALEEL Premium Store CSS - Clean Mobile-Safe Version
   هوية عليل: أخضر داكن / كريمي / ذهبي
   ================================================== */

:root {
  --aleel-green: #223227;
  --aleel-dark: #16271F;
  --aleel-darker: #101D17;
  --aleel-gold: #C7A879;
  --aleel-gold-light: #E8D8BE;
  --aleel-cream: #F7F2EA;
  --aleel-soft: #FAF6EF;
  --aleel-white: #FCFAF6;
  --aleel-brown: #6F5A45;
  --aleel-text: #26352D;
  --aleel-border: rgba(199, 168, 121, 0.28);
  --aleel-shadow: rgba(34, 50, 39, 0.12);
}


/* =========================
   الخلفية العامة
   ========================= */

body {
  background: var(--aleel-soft) !important;
  color: var(--aleel-text) !important;
}


/* =========================
   الهيدر والقائمة
   ========================= */

.site-header,
.store-header,
.main-nav-container,
header {
  background: var(--aleel-white) !important;
  border-bottom: 1px solid rgba(34, 50, 39, 0.08) !important;
}

.main-menu li a,
.main-nav-container a,
.site-header a,
.store-header a,
header a {
  color: var(--aleel-green) !important;
  font-weight: 500 !important;
  transition: all 0.25s ease !important;
}

.main-menu li a:hover,
.main-nav-container a:hover,
.site-header a:hover,
.store-header a:hover,
header a:hover {
  color: var(--aleel-gold) !important;
}


/* =========================
   البحث والسلة والأيقونات
   ========================= */

.site-header__cart,
.sicon-search.icon,
.sicon-whatsapp2,
.sicon-iphone,
.sicon-mail,
.sicon-instagram,
.sicon-twitter,
.sicon-snapchat {
  border-radius: 10px !important;
  border: 1px solid rgba(34, 50, 39, 0.18) !important;
  padding: 9px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: var(--aleel-green) !important;
  background: transparent !important;
  transition: all 0.25s ease !important;
}

.site-header__cart {
  padding: 10px 12px !important;
  font-size: 10px !important;
}

.sicon-instagram,
.sicon-twitter,
.sicon-snapchat {
  padding: 6px !important;
}

.site-header__cart:hover,
.sicon-search.icon:hover,
.sicon-whatsapp2:hover,
.sicon-iphone:hover,
.sicon-mail:hover,
.sicon-instagram:hover,
.sicon-twitter:hover,
.sicon-snapchat:hover {
  background: var(--aleel-green) !important;
  color: var(--aleel-cream) !important;
  border-color: var(--aleel-green) !important;
}

.badge.badge--small.badge--circular.badge--danger.quantity {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 15px !important;
  height: 15px !important;
}


/* مربع البحث */

input[type="search"],
.s-search-input,
.search-input {
  background: #fff !important;
  border: 1px solid var(--aleel-border) !important;
  border-radius: 999px !important;
  color: var(--aleel-green) !important;
  box-shadow: 0 6px 20px rgba(34, 50, 39, 0.04) !important;
}

input[type="search"]::placeholder,
.s-search-input::placeholder,
.search-input::placeholder {
  color: rgba(34, 50, 39, 0.45) !important;
}


/* =========================
   الصور
   ========================= */

img.loaded {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 10px !important;
  transition: all 0.3s ease !important;
  object-fit: cover !important;
}

img.loaded:hover {
  transform: scale(1.015) !important;
  opacity: 0.96 !important;
  box-shadow: 0 12px 28px var(--aleel-shadow) !important;
}


/* =========================
   البنرات
   ========================= */

.s-slider-container,
.hero-slider,
.banner-entry,
.s-block--banners img,
.s-slider-container img {
  border-radius: 18px !important;
  overflow: hidden !important;
}

.s-slider-container,
.hero-slider,
.banner-entry {
  box-shadow: 0 18px 45px rgba(34, 50, 39, 0.10) !important;
}


/* =========================
   خلفيات الأقسام
   ========================= */

.home-block.home-block--bg.home-block--slide-products.home-block--products-slider.show-all,
.container.hero__content.horizontal-nav-wrapper,
.home-block.home-block--bg.home-block--testimonials.no-m,
.s-block--features,
.store-features,
.features {
  background: var(--aleel-cream) !important;
}

.home-block,
.s-block {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.container,
.s-container {
  max-width: 1240px !important;
}


/* =========================
   عناوين الأقسام
   ========================= */

.home-block__title,
.s-slider-block__title,
.s-block__title,
.section-title,
.title {
  color: var(--aleel-dark) !important;
  font-weight: 700 !important;
  position: relative !important;
}

.home-block__title::before,
.s-slider-block__title::before,
.s-block__title::before,
.section-title::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 24px !important;
  background: var(--aleel-gold) !important;
  border-radius: 999px !important;
  margin-left: 8px !important;
  vertical-align: middle !important;
}


/* =========================
   التصنيفات
   ========================= */

.category-card,
.s-block--categories a,
.s-block--categories .swiper-slide,
.categories a {
  border-radius: 16px !important;
  overflow: hidden !important;
  background: var(--aleel-cream) !important;
  border: 1px solid rgba(199, 168, 121, 0.22) !important;
  box-shadow: 0 12px 28px rgba(34, 50, 39, 0.06) !important;
  transition: all 0.28s ease !important;
}

.category-card:hover,
.s-block--categories a:hover,
.categories a:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 38px rgba(34, 50, 39, 0.12) !important;
}

.category-card h3,
.s-block--categories h3,
.categories h3 {
  background: var(--aleel-green) !important;
  color: var(--aleel-cream) !important;
  border-radius: 999px !important;
  padding: 7px 18px !important;
  font-weight: 600 !important;
}


/* =========================
   بطاقات المنتجات
   ========================= */

.product-block,
.product-entry,
.s-product-card-entry,
.product-card {
  background: #fff !important;
  border-radius: 18px !important;
  border: 1px solid rgba(199, 168, 121, 0.20) !important;
  box-shadow: 0 10px 28px rgba(34, 50, 39, 0.06) !important;
  overflow: hidden !important;
  transition: all 0.28s ease !important;
}

.product-block:hover,
.product-entry:hover,
.s-product-card-entry:hover,
.product-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 18px 40px rgba(34, 50, 39, 0.12) !important;
}

.s-product-card-image,
.product-entry__image,
.product-block__thumb,
.product-card img {
  background: var(--aleel-cream) !important;
}

.s-product-card-content-title a,
.product-entry__title a,
.product-card h3 a,
.product-block__title a {
  color: var(--aleel-dark) !important;
  font-weight: 600 !important;
}

.s-product-card-price,
.product-price,
.price {
  color: var(--aleel-brown) !important;
  font-weight: 700 !important;
}


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

button,
.btn,
.button,
.s-button-btn,
.s-button-element,
.add-to-cart {
  border-radius: 999px !important;
  background: var(--aleel-green) !important;
  color: var(--aleel-cream) !important;
  border: 1px solid var(--aleel-green) !important;
  font-weight: 600 !important;
  transition: all 0.25s ease !important;
}

button:hover,
.btn:hover,
.button:hover,
.s-button-btn:hover,
.s-button-element:hover,
.add-to-cart:hover {
  background: var(--aleel-gold) !important;
  color: var(--aleel-dark) !important;
  border-color: var(--aleel-gold) !important;
}


/* =========================
   مزايا المتجر
   ========================= */

.store-feature__icon,
.feature-item i,
.s-block--features i,
.store-features i {
  background: #fff !important;
  color: var(--aleel-gold) !important;
  border: 1px solid var(--aleel-border) !important;
  box-shadow: 0 8px 20px rgba(34, 50, 39, 0.06) !important;
}


/* =========================
   آراء العملاء
   ========================= */

.testimonial,
.s-block--testimonials .swiper-slide,
.review-card {
  background: #fff !important;
  border-radius: 18px !important;
  border: 1px solid rgba(199, 168, 121, 0.20) !important;
  box-shadow: 0 10px 26px rgba(34, 50, 39, 0.06) !important;
}

.rating,
.stars,
.s-rating-stars {
  color: var(--aleel-gold) !important;
}


/* ==================================================
   الفوتر - نسخة مستقرة للجوال والكمبيوتر
   ================================================== */

footer,
.footer,
.store-footer {
  background: var(--aleel-dark) !important;
  color: var(--aleel-cream) !important;
}

.footer__top,
.footer__middle,
.footer__content,
.store-footer__inner {
  background: var(--aleel-dark) !important;
  color: var(--aleel-cream) !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer .footer-title,
footer .footer__title,
footer .footer-list-title,
footer .widget-title,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer .footer-title,
.footer .footer__title,
.footer .footer-list-title,
.footer .widget-title,
.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer h5,
.store-footer .footer-title,
.store-footer .footer__title,
.store-footer .footer-list-title,
.store-footer .widget-title {
  color: var(--aleel-gold-light) !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

footer p,
.footer p,
.store-footer p,
footer li,
.footer li,
.store-footer li,
footer span,
.footer span,
.store-footer span {
  color: var(--aleel-cream) !important;
  opacity: 1 !important;
}

footer a,
.footer a,
.store-footer a {
  color: var(--aleel-cream) !important;
  opacity: 1 !important;
  transition: all 0.25s ease !important;
}

footer a:hover,
.footer a:hover,
.store-footer a:hover {
  color: var(--aleel-gold) !important;
}


/* أيقونات الفوتر */

footer i,
footer svg,
footer .sicon,
footer [class^="sicon-"],
footer [class*=" sicon-"],
.footer i,
.footer svg,
.footer .sicon,
.footer [class^="sicon-"],
.footer [class*=" sicon-"],
.store-footer i,
.store-footer svg,
.store-footer .sicon,
.store-footer [class^="sicon-"],
.store-footer [class*=" sicon-"] {
  color: var(--aleel-gold) !important;
  fill: var(--aleel-gold) !important;
  opacity: 1 !important;
}

footer .sicon-whatsapp2,
footer .sicon-iphone,
footer .sicon-mail,
footer .sicon-instagram,
footer .sicon-twitter,
footer .sicon-snapchat,
footer .sicon-x,
.footer .sicon-whatsapp2,
.footer .sicon-iphone,
.footer .sicon-mail,
.footer .sicon-instagram,
.footer .sicon-twitter,
.footer .sicon-snapchat,
.footer .sicon-x,
.store-footer .sicon-whatsapp2,
.store-footer .sicon-iphone,
.store-footer .sicon-mail,
.store-footer .sicon-instagram,
.store-footer .sicon-twitter,
.store-footer .sicon-snapchat,
.store-footer .sicon-x {
  color: var(--aleel-gold) !important;
  fill: var(--aleel-gold) !important;
  border: 1px solid rgba(199, 168, 121, 0.45) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  opacity: 1 !important;
}

footer .sicon-whatsapp2:hover,
footer .sicon-iphone:hover,
footer .sicon-mail:hover,
footer .sicon-instagram:hover,
footer .sicon-twitter:hover,
footer .sicon-snapchat:hover,
footer .sicon-x:hover,
.footer .sicon-whatsapp2:hover,
.footer .sicon-iphone:hover,
.footer .sicon-mail:hover,
.footer .sicon-instagram:hover,
.footer .sicon-twitter:hover,
.footer .sicon-snapchat:hover,
.footer .sicon-x:hover,
.store-footer .sicon-whatsapp2:hover,
.store-footer .sicon-iphone:hover,
.store-footer .sicon-mail:hover,
.store-footer .sicon-instagram:hover,
.store-footer .sicon-twitter:hover,
.store-footer .sicon-snapchat:hover,
.store-footer .sicon-x:hover {
  background: var(--aleel-gold) !important;
  color: var(--aleel-dark) !important;
  fill: var(--aleel-dark) !important;
  border-color: var(--aleel-gold) !important;
}


/* أسفل الفوتر */

.footer__bottom,
.store-footer__bottom,
footer .footer__bottom {
  background: var(--aleel-darker) !important;
  color: var(--aleel-cream) !important;
  border-top: 1px solid rgba(199, 168, 121, 0.18) !important;
}

.footer__bottom a,
.store-footer__bottom a,
footer .footer__bottom a {
  color: var(--aleel-gold-light) !important;
}


/* منع تأثير الصور العادي على شعارات الدفع */

footer img.loaded,
.footer img.loaded,
.store-footer img.loaded,
.footer__bottom img.loaded,
.store-footer__bottom img.loaded {
  border-radius: 0 !important;
  transform: none !important;
  box-shadow: none !important;
}

footer img.loaded:hover,
.footer img.loaded:hover,
.store-footer img.loaded:hover,
.footer__bottom img.loaded:hover,
.store-footer__bottom img.loaded:hover {
  transform: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
}


/* ==================================================
   إصلاحات الجوال
   ================================================== */

@media (max-width: 768px) {

  body {
    overflow-x: hidden !important;
  }

  .home-block,
  .s-block {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }

  .s-slider-container,
  .hero-slider,
  .banner-entry {
    border-radius: 14px !important;
  }

  img.loaded:hover {
    transform: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
  }


  /* =========================
     الفوتر على الجوال
     ========================= */

  footer,
  .footer,
  .store-footer {
    text-align: center !important;
    padding-top: 28px !important;
    overflow: hidden !important;
  }

  footer .container,
  .footer .container,
  .store-footer .container,
  .footer__content,
  .footer__top,
  .footer__middle,
  .store-footer__inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  footer .row,
  .footer .row,
  .store-footer .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 22px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  footer [class*="col-"],
  .footer [class*="col-"],
  .store-footer [class*="col-"],
  footer .footer__col,
  .footer .footer__col,
  .store-footer .footer__col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 18px !important;
  }

  footer h1,
  footer h2,
  footer h3,
  footer h4,
  footer h5,
  footer .footer-title,
  footer .footer__title,
  footer .footer-list-title,
  footer .widget-title,
  .footer h1,
  .footer h2,
  .footer h3,
  .footer h4,
  .footer h5,
  .footer .footer-title,
  .footer .footer__title,
  .footer .footer-list-title,
  .footer .widget-title,
  .store-footer h1,
  .store-footer h2,
  .store-footer h3,
  .store-footer h4,
  .store-footer h5,
  .store-footer .footer-title,
  .store-footer .footer__title,
  .store-footer .footer-list-title,
  .store-footer .widget-title {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin: 0 0 12px 0 !important;
    text-align: center !important;
    color: var(--aleel-gold-light) !important;
  }

  footer ul,
  .footer ul,
  .store-footer ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  footer li,
  .footer li,
  .store-footer li {
    margin-bottom: 6px !important;
    text-align: center !important;
  }

  footer a,
  .footer a,
  .store-footer a {
    font-size: 14px !important;
    line-height: 1.9 !important;
    text-align: center !important;
  }

  footer p,
  .footer p,
  .store-footer p {
    font-size: 14px !important;
    line-height: 1.9 !important;
    max-width: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }


  /* أيقونات التواصل في الفوتر */

  footer .sicon-whatsapp2,
  footer .sicon-iphone,
  footer .sicon-mail,
  footer .sicon-instagram,
  footer .sicon-twitter,
  footer .sicon-snapchat,
  footer .sicon-x,
  .footer .sicon-whatsapp2,
  .footer .sicon-iphone,
  .footer .sicon-mail,
  .footer .sicon-instagram,
  .footer .sicon-twitter,
  .footer .sicon-snapchat,
  .footer .sicon-x,
  .store-footer .sicon-whatsapp2,
  .store-footer .sicon-iphone,
  .store-footer .sicon-mail,
  .store-footer .sicon-instagram,
  .store-footer .sicon-twitter,
  .store-footer .sicon-snapchat,
  .store-footer .sicon-x {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    margin: 4px 5px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 18px !important;
  }


  /* أرقام التواصل والإيميل */

  footer a[href^="tel"],
  footer a[href^="mailto"],
  .footer a[href^="tel"],
  .footer a[href^="mailto"],
  .store-footer a[href^="tel"],
  .store-footer a[href^="mailto"] {
    font-size: 15px !important;
    line-height: 1.8 !important;
    word-break: break-word !important;
    direction: ltr !important;
    display: inline-block !important;
  }


  /* أسفل الفوتر على الجوال */

  .footer__bottom,
  .store-footer__bottom,
  footer .footer__bottom {
    padding: 18px 12px !important;
    text-align: center !important;
  }

  .footer__bottom .container,
  .store-footer__bottom .container,
  footer .footer__bottom .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .footer__bottom,
  .footer__bottom span,
  .store-footer__bottom,
  .store-footer__bottom span {
    font-size: 13px !important;
    line-height: 1.7 !important;
  }


  /* شعارات الدفع على الجوال */

  .footer__bottom img,
  .store-footer__bottom img,
  footer .footer__bottom img {
    max-width: 62px !important;
    max-height: 28px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 4px !important;
    border-radius: 0 !important;
  }

  .footer__bottom img.loaded:hover,
  .store-footer__bottom img.loaded:hover,
  footer .footer__bottom img.loaded:hover {
    transform: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
  }

  .footer__bottom div,
  .store-footer__bottom div,
  footer .footer__bottom div {
    max-width: 100% !important;
  }

  .footer__bottom [class*="payment"],
  .store-footer__bottom [class*="payment"],
  footer .footer__bottom [class*="payment"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }
} 
/* ==================================================
   ALEEL - Final Footer & Mobile Emergency Fix
   ضع هذا الكود في آخر ملف CSS فقط
   ================================================== */


/* إجبار لون كل نصوص الفوتر على الظهور */
footer,
footer *,
.footer,
.footer *,
.store-footer,
.store-footer * {
  color: #F7F2EA !important;
  opacity: 1 !important;
}

/* استثناء الصور وشعارات الدفع */
footer img,
.footer img,
.store-footer img {
  opacity: 1 !important;
}

/* خلفية الفوتر */
footer,
.footer,
.store-footer,
.footer__top,
.footer__middle,
.footer__content,
.footer__bottom,
.store-footer__inner,
.store-footer__bottom {
  background-color: #16271F !important;
}

/* عناوين الفوتر تحديدًا: روابط مهمة / من نحن / تواصل معنا */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer .title,
footer .footer-title,
footer .footer__title,
footer .footer-list-title,
footer .footer-widget-title,
footer .widget-title,
footer .store-footer__title,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer .title,
.footer .footer-title,
.footer .footer__title,
.footer .footer-list-title,
.footer .footer-widget-title,
.footer .widget-title,
.footer .store-footer__title,
.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer h5,
.store-footer .title,
.store-footer .footer-title,
.store-footer .footer__title,
.store-footer .footer-list-title,
.store-footer .footer-widget-title,
.store-footer .widget-title,
.store-footer .store-footer__title {
  color: #E8D8BE !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

/* روابط الفوتر */
footer a,
.footer a,
.store-footer a,
footer a *,
.footer a *,
.store-footer a * {
  color: #F7F2EA !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* الهوفر على روابط الفوتر */
footer a:hover,
.footer a:hover,
.store-footer a:hover,
footer a:hover *,
.footer a:hover *,
.store-footer a:hover * {
  color: #C7A879 !important;
}

/* أيقونات الفوتر */
footer i,
footer svg,
footer path,
footer .sicon,
footer [class^="sicon-"],
footer [class*=" sicon-"],
.footer i,
.footer svg,
.footer path,
.footer .sicon,
.footer [class^="sicon-"],
.footer [class*=" sicon-"],
.store-footer i,
.store-footer svg,
.store-footer path,
.store-footer .sicon,
.store-footer [class^="sicon-"],
.store-footer [class*=" sicon-"] {
  color: #C7A879 !important;
  fill: #C7A879 !important;
  opacity: 1 !important;
}

/* ==================================================
   إصلاح الجوال
   ================================================== */

@media (max-width: 768px) {

  /* منع تمدد الصفحة عرضيًا */
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* الفوتر على الجوال */
  footer,
  .footer,
  .store-footer {
    padding: 24px 14px 16px !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  /* إلغاء تمدد الحاويات */
  footer .container,
  .footer .container,
  .store-footer .container,
  footer .row,
  .footer .row,
  .store-footer .row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* تحويل أعمدة الفوتر لعمود واحد مرتب */
  footer .row,
  .footer .row,
  .store-footer .row {
    display: block !important;
  }

  footer [class*="col"],
  .footer [class*="col"],
  .store-footer [class*="col"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 0 24px 0 !important;
    text-align: center !important;
  }

  /* تصغير عناوين الفوتر */
  footer h1,
  footer h2,
  footer h3,
  footer h4,
  footer h5,
  footer .title,
  footer .footer-title,
  footer .footer__title,
  footer .footer-list-title,
  footer .footer-widget-title,
  footer .widget-title,
  footer .store-footer__title,
  .footer h1,
  .footer h2,
  .footer h3,
  .footer h4,
  .footer h5,
  .footer .title,
  .footer .footer-title,
  .footer .footer__title,
  .footer .footer-list-title,
  .footer .footer-widget-title,
  .footer .widget-title,
  .footer .store-footer__title,
  .store-footer h1,
  .store-footer h2,
  .store-footer h3,
  .store-footer h4,
  .store-footer h5,
  .store-footer .title,
  .store-footer .footer-title,
  .store-footer .footer__title,
  .store-footer .footer-list-title,
  .store-footer .footer-widget-title,
  .store-footer .widget-title,
  .store-footer .store-footer__title {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin: 0 0 10px 0 !important;
    text-align: center !important;
    color: #E8D8BE !important;
  }

  /* تصغير روابط ونصوص الفوتر */
  footer a,
  footer p,
  footer span,
  footer li,
  .footer a,
  .footer p,
  .footer span,
  .footer li,
  .store-footer a,
  .store-footer p,
  .store-footer span,
  .store-footer li {
    font-size: 14px !important;
    line-height: 1.8 !important;
    text-align: center !important;
  }

  footer p,
  .footer p,
  .store-footer p {
    max-width: 330px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  footer ul,
  .footer ul,
  .store-footer ul {
    padding: 0 !important;
    margin: 0 auto !important;
    list-style: none !important;
    text-align: center !important;
  }

  /* أيقونات التواصل */
  footer .sicon-whatsapp2,
  footer .sicon-iphone,
  footer .sicon-mail,
  footer .sicon-instagram,
  footer .sicon-twitter,
  footer .sicon-snapchat,
  footer .sicon-x,
  .footer .sicon-whatsapp2,
  .footer .sicon-iphone,
  .footer .sicon-mail,
  .footer .sicon-instagram,
  .footer .sicon-twitter,
  .footer .sicon-snapchat,
  .footer .sicon-x,
  .store-footer .sicon-whatsapp2,
  .store-footer .sicon-iphone,
  .store-footer .sicon-mail,
  .store-footer .sicon-instagram,
  .store-footer .sicon-twitter,
  .store-footer .sicon-snapchat,
  .store-footer .sicon-x {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    padding: 0 !important;
    margin: 4px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
    border: 1px solid rgba(199, 168, 121, 0.45) !important;
    background: rgba(255, 255, 255, 0.04) !important;
  }

  /* أرقام الجوال والإيميل */
  footer a[href^="tel"],
  footer a[href^="mailto"],
  .footer a[href^="tel"],
  .footer a[href^="mailto"],
  .store-footer a[href^="tel"],
  .store-footer a[href^="mailto"] {
    direction: ltr !important;
    unicode-bidi: plaintext !important;
    font-size: 15px !important;
    word-break: break-word !important;
    display: inline-block !important;
  }

  /* أسفل الفوتر */
  .footer__bottom,
  .store-footer__bottom,
  footer .footer__bottom {
    padding: 16px 8px !important;
    text-align: center !important;
    border-top: 1px solid rgba(199, 168, 121, 0.20) !important;
  }

  .footer__bottom .container,
  .store-footer__bottom .container,
  footer .footer__bottom .container {
    display: block !important;
    text-align: center !important;
  }

  /* الرقم الضريبي */
  .footer__bottom,
  .footer__bottom *,
  .store-footer__bottom,
  .store-footer__bottom *,
  footer .footer__bottom,
  footer .footer__bottom * {
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #F7F2EA !important;
  }

  /* شعارات الدفع */
  .footer__bottom img,
  .store-footer__bottom img,
  footer .footer__bottom img,
  footer img[alt*="pay"],
  footer img[alt*="mada"],
  footer img[alt*="visa"],
  footer img[alt*="tabby"],
  footer img[alt*="tamara"],
  footer img[alt*="apple"] {
    max-width: 58px !important;
    max-height: 26px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: inline-block !important;
    margin: 4px !important;
    vertical-align: middle !important;
    transform: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  /* منع تأثير الهوفر على صور الدفع */
  .footer__bottom img:hover,
  .store-footer__bottom img:hover,
  footer .footer__bottom img:hover {
    transform: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
  }
}
/* ==================================================
   ALEEL - Fix Mobile Footer Contact + About Section
   يوضع في آخر ملف CSS
   ================================================== */

@media (max-width: 768px) {

  /* تقليل المسافات العامة داخل الفوتر */
  footer,
  .footer,
  .store-footer {
    padding-top: 22px !important;
    padding-bottom: 18px !important;
  }

  footer [class*="col"],
  .footer [class*="col"],
  .store-footer [class*="col"] {
    margin-bottom: 18px !important;
  }

  /* روابط مهمة - تقليل الفراغات بين الروابط */
  footer ul,
  .footer ul,
  .store-footer ul {
    padding: 0 !important;
    margin: 0 auto !important;
  }

  footer li,
  .footer li,
  .store-footer li {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    line-height: 1.6 !important;
  }

  footer li a,
  .footer li a,
  .store-footer li a {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  /* قسم من نحن */
  footer p,
  .footer p,
  .store-footer p {
    max-width: 310px !important;
    margin: 0 auto 12px auto !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    text-align: center !important;
  }

  /* عنوان من نحن وروابط مهمة وتواصل معنا */
  footer h3,
  footer h4,
  footer h5,
  footer .footer-title,
  footer .footer__title,
  footer .footer-list-title,
  footer .widget-title,
  footer .store-footer__title,
  .footer h3,
  .footer h4,
  .footer h5,
  .footer .footer-title,
  .footer .footer__title,
  .footer .footer-list-title,
  .footer .widget-title,
  .footer .store-footer__title,
  .store-footer h3,
  .store-footer h4,
  .store-footer h5,
  .store-footer .footer-title,
  .store-footer .footer__title,
  .store-footer .footer-list-title,
  .store-footer .widget-title,
  .store-footer .store-footer__title {
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
    color: #E8D8BE !important;
    text-align: center !important;
  }

  /* إصلاح صفوف التواصل */
  footer p:has(.sicon-whatsapp2),
  footer p:has(.sicon-iphone),
  footer p:has(.sicon-mail),
  .footer p:has(.sicon-whatsapp2),
  .footer p:has(.sicon-iphone),
  .footer p:has(.sicon-mail),
  .store-footer p:has(.sicon-whatsapp2),
  .store-footer p:has(.sicon-iphone),
  .store-footer p:has(.sicon-mail) {
    max-width: 300px !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 auto 14px auto !important;
    text-align: center !important;
    direction: ltr !important;
  }

  /* أيقونات الواتساب والجوال والإيميل */
  footer .sicon-whatsapp2,
  footer .sicon-iphone,
  footer .sicon-mail,
  .footer .sicon-whatsapp2,
  .footer .sicon-iphone,
  .footer .sicon-mail,
  .store-footer .sicon-whatsapp2,
  .store-footer .sicon-iphone,
  .store-footer .sicon-mail {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #C7A879 !important;
    border: 1px solid rgba(199, 168, 121, 0.45) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }

  /* أرقام التواصل والإيميل */
  footer a[href^="tel"],
  footer a[href^="mailto"],
  .footer a[href^="tel"],
  .footer a[href^="mailto"],
  .store-footer a[href^="tel"],
  .store-footer a[href^="mailto"] {
    font-size: 16px !important;
    line-height: 1.4 !important;
    direction: ltr !important;
    unicode-bidi: plaintext !important;
    display: inline-block !important;
    color: #F7F2EA !important;
    margin: 0 !important;
  }

  /* أيقونات السوشال أسفل من نحن */
  footer .sicon-instagram,
  footer .sicon-twitter,
  footer .sicon-snapchat,
  footer .sicon-x,
  .footer .sicon-instagram,
  .footer .sicon-twitter,
  .footer .sicon-snapchat,
  .footer .sicon-x,
  .store-footer .sicon-instagram,
  .store-footer .sicon-twitter,
  .store-footer .sicon-snapchat,
  .store-footer .sicon-x {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    margin: 8px 4px 0 4px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #C7A879 !important;
    border: 1px solid rgba(199, 168, 121, 0.45) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    font-size: 17px !important;
  }
} 
/* ==================================================
   ALEEL - Footer Titles Color Fix
   إصلاح لون عناوين الفوتر: من نحن / تواصل معنا / روابط مهمة
   ================================================== */

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer .title,
footer .footer-title,
footer .footer__title,
footer .footer-list-title,
footer .widget-title,
footer .store-footer__title,
footer [class*="title"],
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer .title,
.footer .footer-title,
.footer .footer__title,
.footer .footer-list-title,
.footer .widget-title,
.footer .store-footer__title,
.footer [class*="title"],
.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer h5,
.store-footer .title,
.store-footer .footer-title,
.store-footer .footer__title,
.store-footer .footer-list-title,
.store-footer .widget-title,
.store-footer .store-footer__title,
.store-footer [class*="title"] {
  color: #E8D8BE !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

/* إذا كان العنوان داخله span أو رابط */
footer h1 *,
footer h2 *,
footer h3 *,
footer h4 *,
footer h5 *,
footer .title *,
footer .footer-title *,
footer .footer__title *,
footer .footer-list-title *,
footer .widget-title *,
footer .store-footer__title *,
.footer h1 *,
.footer h2 *,
.footer h3 *,
.footer h4 *,
.footer h5 *,
.footer .title *,
.footer .footer-title *,
.footer .footer__title *,
.footer .footer-list-title *,
.footer .widget-title *,
.footer .store-footer__title *,
.store-footer h1 *,
.store-footer h2 *,
.store-footer h3 *,
.store-footer h4 *,
.store-footer h5 *,
.store-footer .title *,
.store-footer .footer-title *,
.store-footer .footer__title *,
.store-footer .footer-list-title *,
.store-footer .widget-title *,
.store-footer .store-footer__title * {
  color: #E8D8BE !important;
  opacity: 1 !important;
}

/* الخط الجانبي بجانب العناوين */
footer h1::before,
footer h2::before,
footer h3::before,
footer h4::before,
footer h5::before,
footer .title::before,
footer .footer-title::before,
footer .footer__title::before,
footer .footer-list-title::before,
footer .widget-title::before,
footer .store-footer__title::before,
.footer h1::before,
.footer h2::before,
.footer h3::before,
.footer h4::before,
.footer h5::before,
.footer .title::before,
.footer .footer-title::before,
.footer .footer__title::before,
.footer .footer-list-title::before,
.footer .widget-title::before,
.footer .store-footer__title::before,
.store-footer h1::before,
.store-footer h2::before,
.store-footer h3::before,
.store-footer h4::before,
.store-footer h5::before,
.store-footer .title::before,
.store-footer .footer-title::before,
.store-footer .footer__title::before,
.store-footer .footer-list-title::before,
.store-footer .widget-title::before,
.store-footer .store-footer__title::before {
  background: #C7A879 !important;
  opacity: 1 !important;
}