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

:root{
  --mk-green:#1A2A4F;
  --mk-green-dark:#111C36;
  --mk-gold:#C9A227;
  --mk-ink:#19243A;
  --mk-muted:#697386;
  --mk-cream:#F7F4EE;
  --mk-line:#E5E7ED;
  --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, #1A2A4F 0%, #162444 55%, #0E172D 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:#19243A !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:#19243A !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,#1A2A4F 0%, #111C36 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:#19243A !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; }


/* Storefront prepared for UAE */
:root { --mk-gold:#D6B363; --mk-cream:#F7F5F0; --mk-green:#1A2A4F; --mk-ink:#19243A; --mk-line:#E5E7ED; }
html { scroll-behavior:smooth; scroll-padding-top:170px; }
body { background:#fff; }
.mk-home, .mk-collection, .mk-empty { width:min(1200px,calc(100% - 48px)); margin-inline:auto; }
.mk-home p, .mk-empty p { line-height:1.95; }
.mk-uae-hero { position:relative; display:grid; grid-template-columns:1.15fr 1fr; gap:20px; align-items:center; background:radial-gradient(ellipse at 0% 70%,rgba(214,179,99,.18),transparent 70%),linear-gradient(125deg,#1A2A4F,#101B34); color:white; border-radius:24px; padding:56px 52px; overflow:hidden; }
.mk-hero-copy { position:relative; z-index:2; }
.mk-kicker { color:#987431; font-size:13px; font-weight:700; letter-spacing:.03em; margin:0 0 12px; }
.mk-uae-hero .mk-kicker, .mk-delivery-band .mk-kicker { color:#D6B363; }
.mk-kicker span { margin-inline:8px; }
.mk-uae-hero h1 { color:#fff; font-size:clamp(30px,3.8vw,51px); line-height:1.5; margin:0 0 18px; font-weight:800; }
.mk-uae-hero h1 span { color:#E9CD91; }
.mk-hero-desc { color:#DCE2EF; font-size:17px; max-width:500px; margin:0 0 27px; }
.mk-hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.mk-btn { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:48px; border-radius:10px; padding:11px 24px; font-size:15px; font-weight:800; text-decoration:none !important; transition:transform .18s,background .18s; }
.mk-btn:hover { transform:translateY(-2px); }
.mk-btn-gold { background:#D6B363; color:#16233E !important; border:1px solid #D6B363; }
.mk-btn-gold:hover { background:#E4C785; }
.mk-btn-ghost { background:transparent; color:white !important; border:1px solid #8A94AA; }
.mk-hero-note { color:#C5CEDF; font-size:12px; margin:22px 0 0; }
.mk-hero-art { position:relative; min-height:360px; display:flex; align-items:center; justify-content:center; }
.mk-orbit { border:1px solid rgba(214,179,99,.2); border-radius:50%; position:absolute; width:340px; height:340px; }
.mk-orbit-two { width:440px; height:440px; border-color:rgba(214,179,99,.09); }
.mk-shopping-bag { position:relative; width:205px; height:226px; padding-top:56px; background:linear-gradient(130deg,#EDD8AE,#C7A35B); box-shadow:-12px 24px 60px rgba(0,0,0,.26),inset 9px 0 0 rgba(255,255,255,.16); border-radius:6px 6px 16px 16px; color:#1A2A4F; text-align:center; transform:rotate(-9deg); box-sizing:border-box; }
.mk-bag-handle { position:absolute; width:86px; height:64px; border:8px solid #D6B363; border-bottom:0; border-radius:60px 60px 0 0; top:-53px; left:52px; }
.mk-bag-mark { display:block; font-size:65px; line-height:1; font-family:Almarai,sans-serif; font-weight:800; }
.mk-bag-name { display:block; font-size:18px; font-weight:800; margin-top:18px; }
.mk-art-badge { position:absolute; z-index:2; background:#fff; box-shadow:0 12px 35px rgba(0,0,0,.18); color:#1A2A4F; border-radius:14px; padding:14px 20px; text-align:right; }
.mk-art-shipping { top:32px; right:6px; transform:rotate(4deg); }
.mk-art-shipping>span { font-size:28px; float:right; margin-left:12px; }
.mk-art-shipping strong { display:block; font-size:15px; }
.mk-art-shipping small { display:block; color:#697386; font-size:12px; }
.mk-art-currency { bottom:28px; left:0; display:flex; align-items:center; gap:12px; transform:rotate(4deg); }
.mk-art-currency span { background:#F5EFE2; padding:8px; border-radius:8px; font-weight:800; }
.mk-art-currency strong { font-size:13px; }
.mk-art-star { position:absolute; color:#D6B363; font-size:40px; }
.mk-star-one { top:2px; left:55px; }.mk-star-two { bottom:45px; right:30px; font-size:23px; }
.mk-benefits { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:24px 0 60px; }
.mk-benefits>div { display:flex; align-items:center; gap:14px; background:#F7F5F0; border:1px solid #EEEAE1; padding:19px 16px; border-radius:14px; }
.mk-benefits>div>span { font-size:27px; }
.mk-benefits strong,.mk-benefits small { display:block; }
.mk-benefits strong { font-size:14px; }.mk-benefits small { font-size:12px; color:#697386; margin-top:4px; }.mk-benefits a { color:inherit; text-decoration:none; }
.mk-title-row { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.mk-title-row .mk-kicker { margin-bottom:5px; }.mk-title-row h2 { font-size:26px; margin:0; color:#1A2A4F; }.mk-title-row>a { color:#1A2A4F; font-size:14px; text-decoration:none; white-space:nowrap; }
.mk-category-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.mk-category { background:#fff; border:1px solid #E5E7ED; border-radius:15px; text-decoration:none !important; color:#1A2A4F; padding:26px 18px; display:flex; align-items:center; flex-direction:column; gap:8px; transition:transform .18s,border-color .18s,box-shadow .18s; }
.mk-category:hover { transform:translateY(-3px); border-color:#D6B363; box-shadow:0 12px 24px rgba(26,42,79,.07); }
.mk-category-icon { font-size:30px; background:#F7F5F0; border-radius:14px; width:60px; height:60px; display:flex; align-items:center; justify-content:center; margin-bottom:4px; }
.mk-category strong { font-size:16px; }.mk-category>span:last-child { font-size:12px; color:#697386; }.mk-category-all { background:#F7F5F0; border-color:#E7DECE; }
.mk-empty { box-sizing:border-box; margin-block:52px; padding:45px 24px; border-radius:18px; background:#F7F5F0; border:1px dashed #DDD3BF; text-align:center; }
.mk-empty-icon { display:block; font-size:40px; margin-bottom:14px; }.mk-empty h2 { color:#1A2A4F; font-size:26px; margin:0 0 14px; }.mk-empty p { color:#697386; font-size:15px; }.mk-empty .mk-kicker { color:#987431; }
.mk-text-link { color:#1A2A4F; font-size:14px; font-weight:700; text-decoration:none; }
.mk-delivery-band { margin-block:52px; background:linear-gradient(120deg,#1A2A4F,#101B34); padding:32px 38px; border-radius:18px; color:#fff; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.mk-delivery-band h2 { color:#fff; font-size:28px; margin:0 0 10px; }.mk-delivery-band p { margin:0; color:#DCE2EF; font-size:14px; }.mk-delivery-band .mk-kicker { color:#D6B363; margin-bottom:8px; }.mk-delivery-band>a { flex-shrink:0; }
.mk-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.mk-steps article { padding:24px; border:1px solid #E5E7ED; border-radius:16px; }.mk-steps article>span { font-size:28px; font-weight:800; color:#B88E3D; }.mk-steps h3 { font-size:18px; color:#1A2A4F; margin:16px 0 10px; }.mk-steps p { color:#697386; font-size:14px; margin:0; }
.mk-about-note { margin-top:52px; padding:32px; border-radius:16px; background:#F7F5F0; }.mk-about-note h2 { font-size:23px; color:#1A2A4F; margin:0 0 12px; }.mk-about-note p { font-size:15px; color:#697386; }
.mk-collection { margin-block:52px; }
.mk-footer { max-width:1200px; margin-inline:auto; padding:48px 24px 20px; color:#D6DCEA; }.mk-footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:40px; }.mk-footer-logo { font-size:25px; font-weight:800; color:#E9CD91 !important; text-decoration:none; }.mk-footer p { font-size:14px; line-height:1.9; }.mk-footer-location { font-size:13px; color:#E9CD91; }.mk-footer h3 { margin:5px 0 18px; }.mk-footer ul { list-style:none; margin:0; padding:0; font-size:13px; line-height:2.3; }.mk-footer-bottom { border-top:1px solid #3A465C; margin-top:32px; padding-top:16px; display:flex; gap:14px; justify-content:space-between; align-items:center; }.mk-footer-bottom p,.mk-footer-bottom>span { font-size:12px; margin:0; }.mk-footer-bottom b { color:#E9CD91; margin-inline-start:8px; }
.mk-cart-link { display:flex; gap:10px; align-items:center; padding:8px 12px; border:1px solid #E5E7ED; border-radius:10px; text-decoration:none !important; color:#1A2A4F; white-space:nowrap; font-size:13px; }.mk-cart-link>span:first-child { font-size:21px; }.mk-cart-total { display:block; font-size:11px; color:#697386; }.mk-cart-count { background:#1A2A4F; color:white; border-radius:50%; width:22px; height:22px; display:flex; align-items:center; justify-content:center; font-size:11px; }
.mk-topbar { font-size:12px; }.wp-block-navigation { font-size:14px; }.wp-block-navigation-item__content { padding-block:6px; }.wp-block-shortcode { margin:0; }.wp-block-group:has(>.mk-cart-link) { margin:0; }
.wp-site-blocks>footer.wp-block-template-part { background:#111C36; color:#D6DCEA; }
.mk-policy-content { font-size:16px; line-height:2; }.mk-policy-content h2 { font-size:23px; color:#1A2A4F; margin-top:28px; }
.mk-policy-content dl { border:1px solid #E5E7ED; border-radius:14px; padding:24px; }.mk-policy-content dt { font-weight:800; color:#1A2A4F; margin-top:14px; }.mk-policy-content dd { margin:0; color:#697386; }
@media(max-width:1000px) { .mk-uae-hero { padding:36px; grid-template-columns:1.2fr 1fr; }.mk-hero-art { transform:scale(.85); }.mk-benefits { grid-template-columns:repeat(2,1fr); }.mk-footer-grid { grid-template-columns:repeat(2,1fr); }.wp-block-navigation { font-size:13px; gap:14px; } }
@media(max-width:781px) { .mk-home,.mk-collection,.mk-empty { width:calc(100% - 32px); }.mk-uae-hero { grid-template-columns:1fr; padding:32px 24px 18px; border-radius:18px; }.mk-hero-art { min-height:275px; transform:scale(.78); margin:-14px 0 -22px; }.mk-hero-copy { text-align:right; }.mk-hero-desc { font-size:15px; }.mk-category-grid { grid-template-columns:repeat(2,1fr); gap:12px; }.mk-category { padding:20px 12px; }.mk-title-row h2,.mk-empty h2 { font-size:22px; }.mk-benefits { gap:10px; margin-bottom:38px; }.mk-benefits>div { padding:15px 10px; gap:9px; }.mk-benefits strong { font-size:12px; }.mk-benefits small { font-size:11px; }.mk-benefits>div>span { font-size:22px; }.mk-delivery-band { flex-direction:column; align-items:flex-start; padding:28px 24px; }.mk-delivery-band h2 { font-size:23px; }.mk-steps { grid-template-columns:1fr; gap:12px; }.mk-steps article { padding:20px; }.mk-about-note { padding:24px; }.mk-footer-grid { gap:26px; }.mk-footer-brand { grid-column:1/-1; }.mk-footer-bottom { flex-wrap:wrap; }.mk-cart-label { font-size:12px; }.mk-cart-link { gap:6px; padding:7px 9px; }.mk-topbar { font-size:11px; }.mk-empty { margin-block:36px; padding:32px 20px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .mk-btn,.mk-category { transition:none; }.mk-btn:hover,.mk-category:hover { transform:none; } }

/* The header already contains account navigation and the live cart summary. */
header.wp-block-template-part .wp-block-woocommerce-customer-account,
header.wp-block-template-part .wp-block-woocommerce-mini-cart { display:none; }


body{direction:rtl}.karaq-front .wp-block-post-content{max-width:none!important}.karaq-front .wp-block-post-content > *{max-width:none}