/* ==========================================================================
   Brand — Mama San [MMS]
   Token overrides + component adjustments.
   Copy and re-skin per brand deployment. Enqueued after ui.css.
   ========================================================================== */

/* === Token overrides === */
:root {
  --brand:        #292a20;
  --brand-hover:  #3c3d31;
  --plum:         #292a20;
  --ink:          #292a20;
  --paper:        #f1e8c4;
  --muted:        #e8ddb3;
  --border:       rgba(41,42,32,.18);
  --mid:          #5a5a46;
  /* Header */
  --header-bg:    #292a20;
  --header-text:  #f1e8c4;
}

/* === Primary button — dark bg, cream text, cream border === */
/* Border needed: dark button on dark hero overlay needs edge definition */
.wmc-btn--primary { background:#292a20; color:#f1e8c4 !important; border:1px solid #f1e8c4; }
.wmc-btn--primary:hover { filter:brightness(1.12); transform:translateY(-1px); color:#f1e8c4 !important; text-decoration:none !important; }

/* === Ghost button — cream text, cream border (for dark overlays) === */
.wmc-btn--ghost { color:#f1e8c4 !important; border:1px solid #f1e8c4; }
.wmc-btn--ghost:hover { background:rgba(241,232,196,.12); border-color:#f1e8c4; color:#f1e8c4 !important; text-decoration:none !important; }

/* === Ghost-ink button — dark text, dark border (for light/cream pages) === */
.wmc-btn--ghost-ink { color:#292a20 !important; border:1px solid rgba(41,42,32,.35); }
.wmc-btn--ghost-ink:hover { background:rgba(41,42,32,.06); border-color:rgba(41,42,32,.55); color:#292a20 !important; text-decoration:none !important; }

/* === Selection === */
::selection { background:#292a20; color:#f1e8c4; }

/* === Header — token values set above (--header-bg, --header-text) handle everything === */
/* Submenus: inverse of header — paper bg, ink text (already default in header.css, no override needed) */
/* Mobile menu panel: same dark bg as header */
.et-l--header .et_mobile_menu { background:var(--header-bg) !important; }
.et-l--header .et_mobile_menu li a { color:var(--header-text) !important; border-bottom-color:rgba(241,232,196,.15) !important; }

/* === Floating CTAs — match brand === */
#wmc-floating-order-btn { background:#292a20; color:#f1e8c4 !important; border:1px solid #f1e8c4; }
#wmc-floating-book-btn  { background:#292a20; color:#f1e8c4 !important; border:1px solid #f1e8c4; }