/* =============================================================
   La Cabane Bauloise - Brand Overrides
   =============================================================
   Per-site CSS variable overrides for shared/menu.css.
   Brand palette: rouge #BC433F, crème #FAF6EF, encre #1A110A.
   ============================================================= */

:root {
  --mxt-menu-primary:        #BC433F;   /* rouge */
  --mxt-menu-primary-hover:  #D44432;   /* rouge-hover */
  --mxt-menu-primary-soft:   #FAF6EF;   /* crème — tinted background for highlight boxes */
  --mxt-menu-border:         #E8C8C6;   /* soft rouge border */
  --mxt-menu-border-light:   #F0DEDD;
  --mxt-menu-text-dark:      #1A110A;   /* encre */
  --mxt-menu-text-mid:       #666;
  --mxt-menu-text-light:     #999;
  --mxt-menu-text-muted:     #888;
  --mxt-menu-font-heading:   'Bodoni Moda', serif;
  --mxt-menu-font-body:      'Montserrat', sans-serif;
}

/* ── Hero padding compensation: disable the shared rule (header is inside first e-con here) ── */
.mxt-menu-page div.e-con.e-parent:first-of-type > * { padding-top: 0; }

/* ── Site header height: set dynamically by menu.js via ResizeObserver ── */

/* ── Background illustration (coral/seaweed from PDF, mix-blend on white) ── */
.mxt-menu { position: relative; }
.mxt-bg-illustration {
  position: fixed;
  top: 0; right: 0;
  height: 100vh;
  width: calc(100vh * (1620 / 4583));
  background: url('img/bg-illustration.webp') no-repeat right top / 100% auto;
  mix-blend-mode: multiply;
  opacity: .05;
  pointer-events: none;
  z-index: 0;
}
/* Keep menu content above the illustration (.mxt-menu-mobile-nav already has position:sticky z-index:10) */
.mxt-menu-main { position: relative; z-index: 1; }

/* ── Section headings: Montserrat uppercase ── */
.mxt-menu-section h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700; font-style: normal;
  font-size: 1.35rem; letter-spacing: .16em;
  text-transform: uppercase;
}

/* ── Signature block label: Bodoni Moda italic, heavier ── */
.plat-signature-label {
  font-family: 'Bodoni Moda', serif;
  font-size: 1.30rem;
  font-weight: 700;
}

/* ── Menu Enfant: solid rouge background, white text ── */
.mxt-menu-section.mxt-menu-highlight { background: #BC433F; border-color: #BC433F; }
.mxt-menu-section.mxt-menu-highlight h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700; font-size: 1.2rem;
  letter-spacing: .14em; text-transform: uppercase; color: #fff;
}
.mxt-menu-section.mxt-menu-highlight > .mxt-menu-note { color: rgba(255,255,255,.75); border-bottom-color: rgba(255,255,255,.2); }
.mxt-menu-section.mxt-menu-highlight dt .mxt-menu-name { color: #fff; }
.mxt-menu-section.mxt-menu-highlight dd { color: rgba(255,255,255,.65); }