/* =========================================================
   Manuka Home – store-wide tidy-up
   (store-wide colour palette reverted – layout only)
   ========================================================= */
:root{
  --mh-bg:#EDEAE6;
  --mh-bg-deep:#E4DED6;
  --mh-card:#FFFFFF;
  --mh-text:#503628;
  --mh-muted:#8A7A70;
  --mh-gold:#CBB777;
  --mh-gold-dark:#B8A25E;
  --mh-line:rgba(80,54,40,.08);
}

/* ---------- 1. Header ---------- */
#mainnav{ position:relative; box-shadow:none !important; border-bottom:1px solid var(--mh-line); }
.top-navbar{ padding-top:6px !important; padding-bottom:6px !important; border-bottom:1px solid var(--mh-line); }
.top-navbar .s-contacts-topnav-link{ color:var(--mh-muted) !important; font-size:13px; }
.s-search-input, .s-search-placeholder-wrapper{ border-radius:999px !important; }

@media (min-width:1024px){
  /* show the menu button on desktop with a label */
  #mainnav a.mburger{
    display:inline-flex !important; align-items:center; gap:8px;
    height:40px; padding:0 14px; margin-inline-end:16px;
    border:1px solid var(--mh-line); border-radius:999px;
    background:var(--mh-card); color:var(--mh-text); cursor:pointer;
  }
  #mainnav a.mburger{ gap:10px !important; }
  #mainnav a.mburger i{ margin-inline-end:4px; line-height:1; }
  #mainnav a.mburger::after{ content:"القائمة"; font-size:14px; font-weight:700; line-height:1; }

  /* hide the long row of categories */
  #mobile-menu .main-menu{ display:none !important; }

  /* the drop-down panel (opens when the menu button is clicked) */
  body:has(.mm-ocd--open) #mainnav{ z-index:10000; }
  body:has(.mm-ocd--open) #mobile-menu .main-menu{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:8px;
    position:absolute; top:100%; right:0; left:0;
    padding:20px; margin-top:8px;
    background:var(--mh-card);
    border:1px solid var(--mh-line); border-radius:16px;
    box-shadow:0 20px 40px rgba(80,54,40,.10);
    animation:mhSlideDown .28s ease-out both;
  }
  body:has(.mm-ocd--open) #mobile-menu .main-menu > li.root-level{ display:block !important; }
  body:has(.mm-ocd--open) #mobile-menu .main-menu > li#more-menu-dropdown{ display:none !important; }
  body:has(.mm-ocd--open) #mobile-menu .main-menu > li.root-level > a{
    display:block; padding:12px 16px !important; border-radius:10px;
    color:var(--mh-text) !important; font-weight:600; font-size:15px;
    transition:background .2s;
  }
  body:has(.mm-ocd--open) #mobile-menu .main-menu > li.root-level > a:hover{ background:var(--mh-bg); color:var(--mh-text) !important; }

  /* close button inside the panel */
  body:has(.mm-ocd--open) #mobile-menu .btn--close-sm{
    display:flex !important; align-items:center; justify-content:center;
    position:absolute; top:calc(100% + 16px); left:16px; z-index:2;
    width:32px; height:32px; border-radius:50%;
    background:var(--mh-bg); color:var(--mh-text); font-size:14px;
  }

  /* no side drawer on desktop, just a soft dim behind the panel */
  .mm-ocd__content{ display:none !important; }
  .mm-ocd--open .mm-ocd__backdrop{ background:rgba(80,54,40,.15) !important; position:fixed !important; inset:0 !important; width:100% !important; }
  .mm-ocd:not(.mm-ocd--open){ pointer-events:none !important; }
}

/* ---------- 3. Footer ---------- */
.store-footer{ border-top:1px solid var(--mh-line); }
.store-footer__inner{ padding:40px 0 24px !important; }
.store-footer__inner > .container{ gap:32px !important; align-items:start; }
.store-footer salla-apps-icons:empty{ display:none !important; }
.store-footer h3, .store-footer .s-contacts-title{ font-size:16px !important; font-weight:700; margin-bottom:12px !important; }

@media (min-width:1024px){
  .store-footer__inner > .container{ grid-template-columns:1.6fr 1fr 1fr !important; column-gap:48px !important; }
  .store-footer__inner > .container > *{ grid-column:auto !important; padding-left:0 !important; padding-right:0 !important; }
}

/* bigger social icons */
.store-footer .s-social-list{ gap:10px; flex-wrap:wrap; }
.store-footer .s-social-link a{
  width:42px !important; height:42px !important;
  display:flex !important; align-items:center; justify-content:center;
  border-radius:50%; background:var(--mh-card); border:1px solid var(--mh-line);
  transition:background .2s, transform .2s;
}
.store-footer .s-social-link a:hover{ background:var(--mh-gold); transform:translateY(-2px); }
.store-footer .s-social-icon svg{ width:20px !important; height:20px !important; fill:var(--mh-text); }

/* bigger contact icons */
.store-footer .s-contacts-list{ display:flex; flex-direction:column; gap:8px !important; }
.store-footer .s-contacts-item{ display:flex; align-items:center; gap:10px; padding:0 !important; margin:0 !important; font-size:15px; }
.store-footer .s-contacts-icon{
  width:36px; height:36px; min-width:36px;
  display:flex !important; align-items:center; justify-content:center;
  border-radius:50%; background:var(--mh-card); border:1px solid var(--mh-line);
}
.store-footer .s-contacts-icon svg{ width:18px !important; height:18px !important; fill:var(--mh-text); }

/* trust badges + VAT */
.store-footer .s-trust-badges-image{ width:48px !important; height:48px !important; }

/* bottom bar: copyright + payment logos */
.store-footer > div:last-child{
  padding-top:14px !important; padding-bottom:14px !important;
  border-top:1px solid var(--mh-line);
}
.store-footer .copyright-text p{ color:var(--mh-muted) !important; margin:0 !important; }
.store-footer .s-payments-list{ gap:8px; flex-wrap:wrap; justify-content:center; }
.store-footer .s-payments-list-item{ width:56px !important; height:36px !important; background:var(--mh-card); border-radius:6px; display:flex; align-items:center; justify-content:center; }
.store-footer .s-payments-list-item img{ width:44px !important; height:28px !important; object-fit:contain; }

@media (max-width:1023px){
  .store-footer__inner{ padding:32px 0 16px !important; text-align:center; }
  .store-footer__inner > .container > *{ padding:0 !important; }
  .store-footer .max-w-sm{ margin-inline:auto; }
  .store-footer .s-social-list, .store-footer .flex.gap-4{ justify-content:center; }
  .store-footer .s-contacts-list{ align-items:center; }
}

/* ---------- Centered logo ---------- */
#mainnav .container > .relative{ min-height:64px; }
#mainnav a.navbar-brand{
  position:absolute !important;
  left:50% !important; right:auto !important; top:50% !important;
  transform:translate(-50%,-50%) !important;
  margin:0 !important; z-index:2;
}
#mainnav a.navbar-brand img{ max-height:48px; width:auto; }
@media (max-width:1023px){
  #mainnav .container > .relative{ min-height:56px; }
  #mainnav a.navbar-brand img{ max-height:38px; }
}

/* ---------- "قبل أن تطلب" section: match the rest of the store ---------- */
section.s-block--bundle-faq-final-cta > *{
  background-color:transparent !important;
  --tw-color-bg:transparent;
}

/* ---------- White background ---------- */
html, body, main, #app, .app-inner{ background-color:#FFFFFF !important; }
.store-header, .top-navbar, #mainnav, #mainnav .inner{ background-color:#FFFFFF !important; }
.store-footer, .store-footer__inner{ background-color:#FFFFFF !important; }
section[class*="s-block--bundle"] > *{ background-color:transparent !important; --tw-color-bg:transparent; }
/* ---------- Centered section titles ---------- */
.s-block__title, .s-reviews-header-wrapper{
  display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:center !important;
  text-align:center !important; gap:6px;
}
.s-block__title h2, .s-block__title h3, .s-reviews-header, .s-block > h2, .s-block > h3{
  text-align:center !important; width:100%;
}
.s-reviews-header-wrapper a, .s-block__title a{ font-size:13px; }
/* =========================================================
   Product page – hide tags, highlight what matters
   ========================================================= */
/* hide the tag links */
.product-single .main-content > div.mb-3:has(> a[href*="/tag-"]){ display:none !important; }

/* title + price block */
.product-single .main-content h1{ font-size:28px !important; line-height:1.4 !important; margin-bottom:8px !important; }
.product-single .main-content > div.flex.whitespace-nowrap{
  display:inline-flex !important; align-items:center; gap:14px !important;
  padding:12px 18px; margin:6px 0 14px;
  background:#FAF6EC; border:1px solid rgba(203,183,119,.55); border-radius:14px;
}
.product-single .main-content > div.flex.whitespace-nowrap p,
.product-single .product-form .total-price{
  font-size:30px !important; line-height:1.2 !important; font-weight:800 !important;
  color:#503628 !important;
}
.product-single .main-content > div.flex.whitespace-nowrap p .sicon-sar,
.product-single .product-form .total-price .sicon-sar{ font-size:22px !important; }
.product-single .main-content > div.flex.whitespace-nowrap .line-through,
.product-single .product-form .before-price{ font-size:17px !important; color:#9A8F87 !important; }
.product-single .main-content > small.color-grey{ display:block; margin-top:6px; font-size:12px; }

/* installments (Tamara / Tabby) */
.product-single salla-installment{
  display:block !important; position:relative;
  padding:40px 14px 6px; margin:8px 0 18px;
  border:1.5px solid var(--color-primary, #CBB777); border-radius:16px;
  background:#FFFDF8;
}
.product-single salla-installment::before{
  content:"قسّط مشترياتك مع تمارا أو تابي";
  position:absolute; top:12px; right:16px;
  font-size:14px; font-weight:800; color:#503628;
}
.product-single salla-installment > div{
  background:#fff; border-radius:12px; margin-bottom:8px !important;
  box-shadow:0 2px 10px rgba(80,54,40,.06);
}

/* weight */
.product-single .product-form .product-weight{
  display:inline-flex; align-items:center;
  padding:4px 14px; border-radius:999px;
  background:#FAF6EC; border:1px solid rgba(203,183,119,.55);
  color:#503628 !important; font-size:15px !important; font-weight:800;
}
.product-single .product-form section{ border:1px solid rgba(80,54,40,.08); }

/* quantity */
.product-single .sticky-product-bar salla-quantity-input{ height:48px; }
.product-single .sticky-product-bar .s-quantity-input-container{ height:48px; border-radius:12px; }
.product-single .sticky-product-bar .s-quantity-input-button{ height:46px; }

/* buy buttons */
.product-single .sticky-product-bar .s-button-element{
  min-height:54px !important; border-radius:14px !important;
  font-size:17px !important; font-weight:800 !important;
  box-shadow:0 8px 20px rgba(203,183,119,.35);
  transition:transform .15s, box-shadow .15s;
}
.product-single .sticky-product-bar .s-button-element:hover{ transform:translateY(-1px); box-shadow:0 12px 24px rgba(203,183,119,.45); }
.product-single .sticky-product-bar .s-add-product-button-mini-checkout{ min-height:54px; border-radius:14px; }
.product-single .sticky-product-bar salla-quick-buy{ margin-top:10px; display:block; }
.product-single .sticky-product-bar salla-quick-buy *{ border-radius:14px; }

.product-single .sticky-product-bar salla-mini-checkout-widget{
  display:flex !important; align-items:center; justify-content:center;
  border:1.5px solid var(--color-primary, #CBB777) !important;
  background:#FFFDF8 !important; opacity:1 !important;
}
.product-single .sticky-product-bar salla-mini-checkout-widget *{
  color:#503628 !important; font-size:16px !important; font-weight:800 !important; opacity:1 !important;
}

@media (max-width:767px){
  .product-single .main-content h1{ font-size:22px !important; }
  .product-single .main-content > div.flex.whitespace-nowrap{ display:flex !important; justify-content:center; }
  .product-single .main-content > div.flex.whitespace-nowrap p,
  .product-single .product-form .total-price{ font-size:26px !important; }
  .product-single salla-installment::before{ right:12px; font-size:13px; }
}
/* ---------- Category page: title + product count ---------- */
#page-main-title{ font-size:24px !important; line-height:1.5 !important; }
.mh-count{
  color:#8A7A70; font-size:14px; font-weight:500;
  margin-inline-end:14px; white-space:nowrap;
}
@media (max-width:767px){
  #page-main-title{ font-size:19px !important; }
  .mh-count{ font-size:13px; margin-inline-end:10px; }
}

/* ===== Listing / category product cards: add-to-cart matches the homepage cards ===== */
.s-product-card-content-footer salla-add-product-button button.s-button-element,
.s-product-card-entry salla-add-product-button button.s-button-element{
  background-color:#B99B4E !important;
  background-image:none !important;
  border:1px solid #B99B4E !important;
  color:#33220F !important;
  font-family:var(--font-main,'Apple'), -apple-system, system-ui, sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
  min-height:44px !important;
  border-radius:12px !important;
  white-space:nowrap !important;
  gap:8px;
  box-shadow:0 4px 12px rgba(185,155,78,.25);
  transition:background-color .15s ease, transform .15s ease;
}
.s-product-card-content-footer salla-add-product-button button.s-button-element:hover,
.s-product-card-entry salla-add-product-button button.s-button-element:hover{
  background-color:#A5893F !important; border-color:#A5893F !important; transform:translateY(-1px);
}
.s-product-card-content-footer salla-add-product-button button.s-button-element i,
.s-product-card-content-footer salla-add-product-button button.s-button-element span,
.s-product-card-entry salla-add-product-button button.s-button-element i,
.s-product-card-entry salla-add-product-button button.s-button-element span{
  color:#33220F !important; font-weight:800 !important;
}
.s-product-card-content-footer salla-add-product-button button.s-button-element i{ font-size:17px !important; }

/* sold out / notify me keeps a calm neutral look */
.s-product-card-content-footer salla-add-product-button button.s-button-element[disabled],
.s-product-card-content-footer salla-add-product-button button.s-button-danger{
  background-color:#F1EBE1 !important; border-color:#E2D8C8 !important;
  color:#7A6A5C !important; box-shadow:none !important;
}