/* ==========================================================
   NAWADER TELECOM — FOOTER CLEAN BASE
   لا تضيفي معه أي CSS Footer قديم
   ========================================================== */

:root {
  --nw-footer-bg: #241915;
  --nw-footer-text: #f5f1ee;
  --nw-footer-muted: #cbbdb5;
  --nw-footer-accent: #8d6c5c;
}


/* ================================
   FOOTER
   ================================ */

footer.store-footer,
.store-footer {
  background: var(--nw-footer-bg) !important;
  color: var(--nw-footer-text) !important;

  margin-top: 40px !important;

  border: 0 !important;
  border-radius: 28px 28px 0 0 !important;

  box-shadow: none !important;
  overflow: hidden !important;
}


/* جميع طبقات الفوتر بنفس اللون */
.store-footer__inner,
.store-footer__bottom {
  background: var(--nw-footer-bg) !important;

  border: 0 !important;
  box-shadow: none !important;
}


/* ================================
   MAIN FOOTER CONTAINER
   ================================ */

.store-footer__inner > .container {
  width: min(1180px, calc(100% - 48px)) !important;

  margin: 0 auto !important;
  padding: 42px 0 30px !important;
}


/* ================================
   TITLES
   ================================ */

.store-footer h2,
.store-footer h3,
.store-footer h4 {
  color: #fff !important;

  font-size: 18px !important;
  font-weight: 700 !important;

  line-height: 1.5 !important;

  margin-bottom: 12px !important;
}


/* ممنوع خطوط تحت العناوين */
.store-footer h2::after,
.store-footer h3::after,
.store-footer h4::after {
  display: none !important;
  content: none !important;
}


/* ================================
   NORMAL TEXT
   ================================ */

.store-footer p,
.store-footer li {
  color: var(--nw-footer-muted) !important;

  font-size: 14px !important;
  line-height: 1.9 !important;
}


/* ================================
   LINKS
   ================================ */

.store-footer a {
  color: var(--nw-footer-text) !important;

  text-decoration: none !important;

  transition: opacity .2s ease !important;
}

.store-footer a:hover {
  color: #fff !important;
  opacity: .8 !important;
}


/* ================================
   REMOVE WHITE LINES
   ================================ */

.store-footer hr,
.store-footer__inner hr,
.store-footer__bottom {
  border-top: 0 !important;
}


/* ================================
   IMPORTANT:
   لا نعدل مكونات سلة من الداخل
   ================================ */

/* Social */
.store-footer salla-social {
  display: block !important;

  margin: 18px 0 0 !important;

  visibility: visible !important;
  opacity: 1 !important;
}


/* Payments */
.store-footer salla-payments {
  display: block !important;

  margin: 18px 0 0 !important;

  visibility: visible !important;
  opacity: 1 !important;
}


/* Contacts */
.store-footer salla-contacts {
  display: block !important;

  visibility: visible !important;
  opacity: 1 !important;
}


/* Footer menu */
.store-footer salla-menu {
  display: block !important;

  visibility: visible !important;
  opacity: 1 !important;
}


/* ================================
   COPYRIGHT
   ================================ */

.store-footer__bottom {
  padding: 17px 0 20px !important;

  background: var(--nw-footer-bg) !important;
}


.store-footer__bottom .container {
  width: min(1180px, calc(100% - 48px)) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  text-align: center !important;
}


.store-footer__bottom,
.store-footer__bottom p,
.store-footer__bottom a {
  color: var(--nw-footer-muted) !important;

  font-size: 13px !important;
}


/* ================================
   MOBILE
   ================================ */

@media (max-width: 768px) {

  footer.store-footer,
  .store-footer {
    border-radius: 22px 22px 0 0 !important;

    margin-top: 28px !important;
  }


  .store-footer__inner > .container {
    width: calc(100% - 32px) !important;

    padding: 30px 0 22px !important;
  }


  .store-footer h2,
  .store-footer h3,
  .store-footer h4 {
    font-size: 17px !important;
  }


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


  .store-footer__bottom {
    padding: 14px 0 16px !important;
  }


  .store-footer__bottom .container {
    width: calc(100% - 24px) !important;
  }

}
/* =========================================
   NAWADER — HEADER LOGO ONLY
   ========================================= */

/* نخلي حاوية الهيدر مرجع للشعار */
.main-nav-container,
.store-header,
header {
    position: relative !important;
}

/* الشعار بمنتصف الهيدر */
.main-nav-container .navbar-brand,
.store-header .navbar-brand,
header .navbar-brand {
    position: absolute !important;

    left: 50% !important;
    right: auto !important;
    top: 50% !important;

    transform: translate(-50%, -50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 20 !important;

    background: transparent !important;
}

/* تكبير صورة الشعار */
.main-nav-container .navbar-brand img,
.store-header .navbar-brand img,
header .navbar-brand img {
    width: 165px !important;
    max-width: 165px !important;

    height: auto !important;
    max-height: 90px !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* تابلت */
@media (max-width: 1024px) {

    .main-nav-container .navbar-brand img,
    .store-header .navbar-brand img,
    header .navbar-brand img {
        width: 145px !important;
        max-width: 145px !important;
        max-height: 80px !important;
    }

}


/* جوال */
@media (max-width: 768px) {

    .main-nav-container .navbar-brand img,
    .store-header .navbar-brand img,
    header .navbar-brand img {
        width: 125px !important;
        max-width: 125px !important;
        max-height: 70px !important;
    }

}