/* =========================================
   FINAL STORE FOOTER
========================================= */

.store-footer{
  position:relative;
  overflow:hidden;
  background:#061a3e !important;
  color:#fff !important;
  direction:rtl;
}

/* الخط العلوي */
.store-footer::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:2;
  height:3px;
  background:linear-gradient(
    90deg,
    #1548a5,
    #ffffff,
    #1548a5
  );
}


/* =========================================
   MAIN FOOTER AREA
========================================= */

.store-footer__inner{
  position:relative;
  padding-top:50px !important;
  padding-bottom:45px !important;

  background:linear-gradient(
    135deg,
    #061a3e 0%,
    #09285d 55%,
    #0d3475 100%
  ) !important;
}


/* =========================================
   FORCE ALL TEXT WHITE
========================================= */

.store-footer,
.store-footer p,
.store-footer span,
.store-footer small,
.store-footer strong,
.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer h5,
.store-footer h6,
.store-footer a,
.store-footer li,
.store-footer .unicode,
.store-footer .s-contacts-title,
.store-footer .s-contacts-item,
.store-footer .s-contacts-item a,
.store-footer .s-menu-footer-list li,
.store-footer .s-menu-footer-list li a,
.store-footer .s-trust-badges-label,
.store-footer .s-trust-badges-number,
.store-footer .md\:flex.items-center.justify-between,
.store-footer .md\:flex.items-center.justify-between p,
.store-footer .md\:flex.items-center.justify-between span{
  color:#fff !important;
  opacity:1 !important;
}


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

.store-footer h3,
.store-footer .s-contacts-title{
  margin-bottom:18px !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1.6 !important;
}

/* اسم الشركة */
.store-footer__inner > div > div:first-child h3{
  font-size:21px !important;
  font-weight:800 !important;
}


/* =========================================
   FOOTER MENU
   الصفحات تحت بعض
========================================= */

.store-footer .s-menu-footer-list{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;

  width:100% !important;

  gap:4px !important;

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

.store-footer .s-menu-footer-list li{
  display:block !important;

  width:100% !important;

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

.store-footer .s-menu-footer-list li a{
  display:block !important;

  width:100% !important;

  padding:7px 0 !important;

  color:#fff !important;

  font-size:14px !important;
  line-height:1.6 !important;

  text-decoration:none !important;

  opacity:1 !important;

  transition:
    transform .2s ease,
    opacity .2s ease !important;
}

.store-footer .s-menu-footer-list li a:hover{
  color:#fff !important;
  opacity:.85 !important;
  transform:translateX(-4px);
}


/* =========================================
   CONTACTS
========================================= */

.store-footer .s-contacts-list{
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
}

.store-footer .s-contacts-item{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;

  width:100% !important;

  padding:10px 12px !important;

  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:8px !important;

  background:rgba(255,255,255,.06) !important;

  color:#fff !important;

  transition:.2s ease;
}

.store-footer .s-contacts-item:hover{
  background:rgba(255,255,255,.11) !important;
  border-color:rgba(255,255,255,.22) !important;
}

.store-footer .s-contacts-icon{
  color:#fff !important;
}

.store-footer .s-contacts-item a,
.store-footer .unicode{
  color:#fff !important;
  opacity:1 !important;
  text-decoration:none !important;
}


/* =========================================
   ICONS
========================================= */

.store-footer svg,
.store-footer i,
.store-footer .s-contacts-icon{
  color:#fff !important;
  fill:currentColor !important;
}


/* =========================================
   SOCIAL MEDIA
========================================= */

.store-footer salla-social{
  display:block;
  margin-top:18px;
}

.store-footer salla-social a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:38px !important;
  height:38px !important;

  margin-left:6px !important;

  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:50% !important;

  background:rgba(255,255,255,.08) !important;

  color:#fff !important;

  opacity:1 !important;

  transition:.2s ease !important;
}

.store-footer salla-social a:hover{
  background:#fff !important;
  color:#071d48 !important;
  transform:translateY(-2px);
}


/* =========================================
   TRUST BADGES
========================================= */

.store-footer .s-trust-badges-wrapper{
  margin-top:20px !important;
  padding:13px 15px !important;

  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;

  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:10px !important;

  background:rgba(255,255,255,.07) !important;
}

.store-footer .s-trust-badges-image{
  max-height:38px !important;
  width:auto !important;
}

.store-footer .s-trust-badges-label{
  color:#fff !important;
  opacity:1 !important;
  font-size:11px !important;
}

.store-footer .s-trust-badges-number{
  color:#fff !important;
  opacity:1 !important;
  font-size:13px !important;
  font-weight:700 !important;
}


/* =========================================
   APPS
========================================= */

.store-footer salla-apps-icons{
  display:block;
  margin-top:14px;
}


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

.store-footer > .container,
.store-footer .md\:flex.items-center.justify-between{
  background:#04142f !important;
}

.store-footer .md\:flex.items-center.justify-between{
  padding-top:18px !important;
  padding-bottom:18px !important;

  border-top:1px solid rgba(255,255,255,.08) !important;

  color:#fff !important;
}

.store-footer .md\:flex.items-center.justify-between p,
.store-footer .md\:flex.items-center.justify-between span,
.store-footer .md\:flex.items-center.justify-between a{
  color:#fff !important;
  opacity:1 !important;
}


/* =========================================
   PAYMENT METHODS
========================================= */

.store-footer .s-payments-list{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;

  gap:7px !important;
}

.store-footer .s-payments-list .s-payments-item{
  min-width:43px !important;
  min-height:28px !important;

  padding:4px 7px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:5px !important;

  background:#fff !important;
}

.store-footer .s-payments-list img{
  max-height:21px !important;
  width:auto !important;
}


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

.store-footer a{
  text-decoration:none !important;
}


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

@media(max-width:767px){

  .store-footer__inner{
    padding-top:38px !important;
    padding-bottom:30px !important;
  }

  .store-footer__inner > .container{
    row-gap:30px !important;
  }

  .store-footer h3,
  .store-footer .s-contacts-title{
    margin-bottom:12px !important;
  }

  .store-footer__inner > div > div:first-child h3{
    font-size:19px !important;
  }

  .store-footer .s-menu-footer-list{
    align-items:flex-start !important;
  }

  .store-footer .s-menu-footer-list li,
  .store-footer .s-menu-footer-list li a{
    width:100% !important;
  }

  .store-footer .s-menu-footer-list li a{
    padding:7px 0 !important;
  }

  .store-footer .s-contacts-item{
    width:100% !important;
  }

  .store-footer .md\:flex.items-center.justify-between{
    text-align:center !important;
    gap:15px !important;
  }

  .store-footer .s-payments-list{
    margin-top:12px !important;
  }

}