/*  Markaz Al Bahja — child theme components
    Loaded after the parent and after style.css, so it can rely on both.
    Brand tokens live here once; nothing below hardcodes a colour.          */

:root{
  --mab-maroon:#72363D;
  --mab-maroon-dark:#331215;
  --mab-gold:#D3A735;
  --mab-navy:#26436C;
  --mab-sky:#94BCDD;
  --mab-cream:#DAC8A5;
  --mab-bg:#F6F1E9;
  --mab-ink:#2B2320;
  --mab-muted:#7A6E66;
  --mab-line:rgba(114,54,61,.14);
  --mab-radius:14px;
}

/* --- status chips -------------------------------------------------- */
.mab-badge{
  display:inline-block;
  font-size:.6875rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:.28em .7em;
  border-radius:999px;
  line-height:1.4;
  white-space:nowrap;
}
.mab-badge--coming-soon{ background:var(--mab-gold); color:var(--mab-maroon-dark); }
.mab-badge--closed{ background:var(--mab-line); color:var(--mab-muted); }

/* --- logo + wordmark fallback --------------------------------------
   Nine tenants have no logo at all; the mall confirmed it. A typeset
   wordmark in the brand serif reads as deliberate, a grey box does not. */
.mab-logo{ display:block; max-width:100%; height:auto; }
.mab-logo--wordmark{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:96px;
  padding:1rem .9rem;
  font-family:"Playfair Display",Georgia,serif;
  font-size:1.0625rem;
  font-weight:600;
  line-height:1.25;
  letter-spacing:.01em;
  color:var(--mab-maroon);
  background:linear-gradient(180deg,#fff 0%,var(--mab-bg) 100%);
  border:1px solid var(--mab-line);
  border-radius:calc(var(--mab-radius) - 4px);
}

/* --- contact block on the shop profile ------------------------------ */
.mab-contact{ display:flex; flex-wrap:wrap; gap:.5rem 1.25rem; }
.mab-contact a{ color:var(--mab-maroon); text-decoration:none; border-bottom:1px solid var(--mab-line); }
.mab-contact a:hover{ border-bottom-color:var(--mab-maroon); }

/* a coming-soon shop is still browsable, just visibly not yet trading */
.mab-shop--coming-soon .mab-logo{ opacity:.78; }