/* Mekkah Store — custom layer (RTL / Arabic first) */

:root{
  --mk-green:#0E4B3C;
  --mk-green-dark:#0A3729;
  --mk-gold:#C9A227;
  --mk-ink:#14251F;
  --mk-muted:#657871;
  --mk-cream:#F7F4EE;
  --mk-line:#E4E9E6;
  --mk-radius:16px;
  --mk-shadow:0 2px 4px rgba(20,37,31,.04), 0 12px 28px rgba(20,37,31,.07);
}

body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }

/* ---------- Header ---------- */
.wp-site-blocks > header.wp-block-template-part{
  position:sticky; top:0; z-index:50;
  background:#fff;
  border-bottom:1px solid var(--mk-line);
  box-shadow:0 1px 0 rgba(20,37,31,.03);
}
.wp-block-site-title a{ text-decoration:none !important; }

/* ---------- Announcement bar ---------- */
.mk-topbar{
  background:var(--mk-green);
  color:#fff;
  text-align:center;
  font-size:.9rem;
  font-weight:500;
  padding:.6rem 1rem;
  letter-spacing:0;
}
.mk-topbar strong{ color:var(--mk-gold); }

/* ---------- Hero ---------- */
.mk-hero{
  background:
    radial-gradient(120% 130% at 85% 0%, rgba(201,162,39,.20) 0%, rgba(201,162,39,0) 55%),
    linear-gradient(135deg, #0E4B3C 0%, #0B3A2F 55%, #082B22 100%);
  color:#fff;
  border-radius:24px;
  overflow:hidden;
}
.mk-hero h1, .mk-hero h2, .mk-hero p{ color:#fff !important; }
.mk-hero .wp-block-button__link{
  background:var(--mk-gold) !important;
  color:#14251F !important;
  font-weight:800;
}
.mk-hero .wp-block-button__link:hover{ background:#e0b73a !important; }
.mk-hero .is-style-outline .wp-block-button__link{
  background:transparent !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.55) !important;
}
.mk-eyebrow{
  display:inline-block;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  padding:.35rem 1rem;
  border-radius:999px;
  font-size:.85rem;
  font-weight:600;
}

/* ---------- USP strip ---------- */
.mk-usp{
  background:#fff;
  border:1px solid var(--mk-line);
  border-radius:var(--mk-radius);
  padding:1.4rem 1rem;
  text-align:center;
  height:100%;
  box-shadow:var(--mk-shadow);
}
.mk-usp .mk-ico{ font-size:1.9rem; line-height:1; display:block; margin-bottom:.5rem; }
.mk-usp h3{ font-size:1.05rem !important; margin:0 0 .25rem !important; }
.mk-usp p{ font-size:.9rem !important; color:var(--mk-muted) !important; margin:0 !important; }

/* ---------- Section headings ---------- */
.mk-section-head{ text-align:center; }
.mk-section-head h2{ margin-bottom:.35rem !important; }
.mk-section-head p{ color:var(--mk-muted) !important; font-size:1rem !important; }

/* ---------- WooCommerce product grid ---------- */
.woocommerce ul.products,
ul.products{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:22px;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after{ display:none !important; }

.woocommerce ul.products li.product,
ul.products li.product{
  width:auto !important;
  float:none !important;
  margin:0 !important;
  background:#fff;
  border:1px solid var(--mk-line);
  border-radius:var(--mk-radius);
  padding:14px 14px 18px;
  text-align:center;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  display:flex;
  flex-direction:column;
  position:relative;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:var(--mk-shadow);
  border-color:#cfe0d8;
}
.woocommerce ul.products li.product a img{
  border-radius:12px;
  aspect-ratio:1/1;
  object-fit:cover;
  margin-bottom:.85rem !important;
  background:var(--mk-cream);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:Almarai, Tajawal, sans-serif !important;
  font-size:.98rem !important;
  font-weight:700 !important;
  line-height:1.6 !important;
  color:var(--mk-ink) !important;
  padding:0 !important;
  margin:0 0 .5rem !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:3.2em;
}
.woocommerce ul.products li.product .price{
  color:var(--mk-green) !important;
  font-size:1.15rem !important;
  font-weight:800 !important;
  margin:0 0 .9rem !important;
  display:block;
}
.woocommerce ul.products li.product .price del{ color:var(--mk-muted) !important; font-size:.9rem; font-weight:500; }
.woocommerce ul.products li.product .button{
  margin-top:auto !important;
  background:var(--mk-green) !important;
  color:#fff !important;
  border-radius:10px !important;
  font-weight:700 !important;
  padding:.75rem 1rem !important;
  width:100%;
  text-align:center;
  transition:background .18s ease;
}
.woocommerce ul.products li.product .button:hover{ background:var(--mk-ink) !important; }
.woocommerce span.onsale{
  background:var(--mk-gold) !important;
  color:#14251F !important;
  font-weight:800;
  border-radius:999px !important;
  inset-inline-start:18px !important;
  inset-inline-end:auto !important;
  top:18px !important;
  min-height:auto !important;
  min-width:auto !important;
  padding:.3rem .8rem !important;
  line-height:1.4 !important;
}

@media (max-width:1024px){
  .woocommerce ul.products, ul.products{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width:781px){
  .woocommerce ul.products, ul.products{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; }
  .mk-hero{ border-radius:18px; }
}

/* ---------- Category / promo cards ---------- */
.mk-cat{
  display:block;
  background:var(--mk-cream);
  border:1px solid var(--mk-line);
  border-radius:var(--mk-radius);
  padding:1.8rem 1.2rem;
  text-align:center;
  height:100%;
  transition:transform .18s ease, box-shadow .18s ease;
}
.mk-cat:hover{ transform:translateY(-4px); box-shadow:var(--mk-shadow); }
.mk-cat .mk-ico{ font-size:2rem; display:block; margin-bottom:.6rem; }
.mk-cat h3{ font-size:1.05rem !important; margin:0 !important; }

/* ---------- CTA band ---------- */
.mk-cta{
  background:linear-gradient(135deg,#0E4B3C 0%, #0A3729 100%);
  border-radius:24px;
  color:#fff;
}
.mk-cta h2, .mk-cta p{ color:#fff !important; }
.mk-cta .wp-block-button__link{ background:var(--mk-gold) !important; color:#14251F !important; font-weight:800; }

/* ---------- Footer ---------- */
.wp-site-blocks > footer.wp-block-template-part{
  background:var(--mk-ink);
  color:#cfd8d4;
  margin-top:0;
}
.wp-site-blocks > footer.wp-block-template-part a{ color:#e7ede9; text-decoration:none; }
.wp-site-blocks > footer.wp-block-template-part a:hover{ color:var(--mk-gold); }
.wp-site-blocks > footer.wp-block-template-part h2,
.wp-site-blocks > footer.wp-block-template-part h3{ color:#fff !important; font-size:1.05rem !important; }

/* ---------- Woo misc ---------- */
.woocommerce-message, .woocommerce-info{ border-top-color:var(--mk-green) !important; border-radius:12px; }
.woocommerce .button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit{
  background:var(--mk-green) !important; color:#fff !important;
  border-radius:10px !important; font-weight:700 !important;
}
.woocommerce .button:hover{ background:var(--mk-ink) !important; }
.woocommerce div.product .price{ color:var(--mk-green) !important; font-weight:800; }