/* ==================================================
   WUJoodi — Custom CSS
================================================== */

/* ==============================
   1. إخفاء البريد من رأس الصفحة
============================== */

.top-navbar a[href^="mailto:"],
.top-header a[href^="mailto:"],
.header-top a[href^="mailto:"],
.header-contact a[href^="mailto:"],
header a[href^="mailto:"] {
  display: none !important;
}


/* ==============================
   2. الهيدر
============================== */

header,
.site-header,
.main-header,
.header-wrapper,
.navbar {
  background-color: #FFFFFF !important;
  background-image: none !important;
  color: #0A1F44 !important;
  border-bottom: 1px solid #E9EDF3 !important;
  box-shadow: none !important;
}

header a,
header button,
header [role="button"],
.site-header a,
.site-header button,
.main-header a,
.main-header button,
.navbar a,
.navbar button {
  color: #0A1F44 !important;
}

header svg,
.site-header svg,
.main-header svg,
.navbar svg {
  color: #0A1F44 !important;
  stroke: currentColor !important;
}

header a:hover,
header button:hover,
.site-header a:hover,
.site-header button:hover,
.main-header a:hover,
.main-header button:hover,
.navbar a:hover,
.navbar button:hover {
  color: #00A37A !important;
}


/* ==============================
   3. إخفاء البحث
============================== */

header form[role="search"],
header input[type="search"],
header .search-bar,
header .header-search,
header .navbar-search,
header salla-search,
header salla-search-bar {
  display: none !important;
}


/* ==============================
   4. الأزرار الرئيسية
============================== */

.btn-primary,
.button-primary,
.s-button-primary,
.add-to-cart,
.s-add-product-button-main {
  background-color: #00A37A !important;
  border-color: #00A37A !important;
  color: #FFFFFF !important;
}

.btn-primary:hover,
.button-primary:hover,
.s-button-primary:hover,
.add-to-cart:hover,
.s-add-product-button-main:hover {
  background-color: #008E6A !important;
  border-color: #008E6A !important;
  color: #FFFFFF !important;
}


/* ==============================
   5. الفوتر
============================== */

.store-footer,
.store-footer__inner,
footer.store-footer,
footer .footer-main,
footer .footer-top {
  background-color: #07152E !important;
  background-image: none !important;
  color: #A9B4C7 !important;
}

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

.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer h5,
.store-footer h6,
.store-footer .footer-title {
  color: #FFFFFF !important;
}

.store-footer p,
.store-footer li,
.store-footer span,
.store-footer a {
  color: #A9B4C7 !important;
}

.store-footer a:hover,
.store-footer a:hover span {
  color: #00A37A !important;
}

.store-footer svg {
  color: #A9B4C7 !important;
  stroke: currentColor !important;
}

.store-footer a:hover svg {
  color: #00A37A !important;
  stroke: currentColor !important;
}

/* ==============================
   إخفاء السجل التجاري فورًا
============================== */

salla-trust-badges,
salla-trust-badges.hydrated,
.s-trust-badges-wrapper,
.salla-trust-badges-wrapper,
[class*="trust-badges"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ==============================
   7. أسفل الفوتر وحقوق النشر
============================== */

.store-footer__bottom,
footer .footer-bottom,
.store-footer .copyrights {
  background-color: #06142C !important;
  color: #A9B4C7 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.store-footer__bottom *,
footer .footer-bottom *,
.store-footer .copyrights * {
  color: #A9B4C7 !important;
}

.store-footer__bottom a:hover,
footer .footer-bottom a:hover,
.store-footer .copyrights a:hover {
  color: #00A37A !important;
}


/* ==============================
   8. الجوال
============================== */

@media screen and (max-width: 767px) {

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

  .store-footer__bottom,
  footer .footer-bottom,
  .store-footer .copyrights {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

}