/* =================================================
   MDAD – CSS FINAL (REPLACE ALL)
================================================= */

:root{
  --mdad-bg:#fdfaf5;
  --mdad-green:#6A7B6F;
}

/* 1) إخفاء هيدر سلة + الفوتر + أحدث المنتجات */
.store-header,
.header,
.header-wrapper,
.site-header,
header,
.store-footer,
.footer,
.footer-wrapper,
.site-footer,
footer,
section.s-block--latest-products,
.s-block--latest-products,
salla-products-list[source="latest"]{
  display:none !important;
}

/* 2) إخفاء الروابط السريعة */
.s-block--quick-links,
.s-block--quicklinks,
.s-block--links,
.s-block--link{
  display:none !important;
}

/* 3) خلفية المتجر العامة */
html, body,
#app,
.wrapper,
.store-body,
.store-content,
main{
  background-color:var(--mdad-bg) !important;
  background-image:none !important;
}

/* 4) بانر علوي (اللوقو فقط) */
body::before{
  content:"";
  display:block;
  width:100%;
  height:170px;
  background-color:var(--mdad-bg);
  background-image:url("https://i.postimg.cc/4yw9LcM5/cc3a4dc8-b83a-4577-86cb-f797fc8796b5.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto 300px;
}

/* 5) إخفاء Sort */
[class*="sort"],
salla-sort,
salla-products-sort,
select[name="sort"],
label[for*="sort"]{
  display:none !important;
}

/* 6) السياسات + تواصل معنا */
body.mdad-policies .content--single-page,
body.mdad-contact .content--single-page{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:none !important;
}

body.mdad-policies .bg-white,
body.mdad-contact .bg-white{
  background:transparent !important;
  background-color:transparent !important;
}

body.mdad-policies .container,
body.mdad-policies .section,
body.mdad-policies .card,
body.mdad-contact .container,
body.mdad-contact .section,
body.mdad-contact .card{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
}

body.mdad-policies .breadcrumb,
body.mdad-contact .breadcrumb{
  display:none !important;
}

/* 7) السياسات */
body.mdad-policies h1.font-bold.text-2xl.mb-6{
  color:var(--mdad-green) !important;
  text-align:center !important;
  font-weight:400 !important;
  letter-spacing:.06em !important;
  margin-bottom:26px !important;
}

body.mdad-policies h3{
  color:var(--mdad-green) !important;
  font-weight:400 !important;
}

/* 8) تواصل معنا */
body.mdad-contact h1.font-bold.text-2xl.mb-6{
  display:none !important;
}

/* 9) مساحة المحتوى */
body.mdad-policies .s-content,
body.mdad-contact .s-content{
  max-width:820px;
  margin:auto;
  padding:34px 20px 50px;
}

/* 10) حواف حادة */
*,
*::before,
*::after{
  border-radius:0 !important;
}

/* 11) عنوان الأقسام */
#page-main-title{
  color:var(--mdad-green) !important;
  font-weight:400 !important;
  letter-spacing:.04em !important;
}

/* =================================================
   PRODUCT PAGE: إزالة الأبيض (السعر/الكمية/الأزرار)
================================================= */
form.product-form section.bg-white,
form.product-form .sticky-product-bar.bg-white,
form.product-form .sticky-product-bar,
form.product-form .sticky-product-bar__quantity{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

form.product-form [class*="bg-white"]{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* =================================================
   Hide reviews / comments on product page
================================================= */
.s-product-reviews,
#product-reviews,
#reviews,
#comments,
[class*="review"],
[class*="reviews"],
[class*="comment"],
[class*="comments"],
salla-product-reviews,
salla-product-comments{
  display:none !important;
}

/* =================================================
   MOBILE: البانر + المنيو + تباعد الحروف
================================================= */
@media (max-width:768px){

  body::before{
    height:260px !important;
    background-size:auto 250px !important;
    background-position:center -15px !important;
  }

  body.mdad-policies .s-content,
  body.mdad-contact .s-content{
    padding:22px 16px 40px !important;
  }

  #custom-menu a{
    letter-spacing:.02em !important;
    font-size:16px !important;
  }

  #custom-menu .mdad-dd a{
    letter-spacing:.03em !important;
    font-size:15px !important;
  }

  #custom-menu{
    gap:28px !important;
    padding:14px 8px !important;
    margin-top:-100px !important;
  }
}