/* ============================================================
   Mr Hao — HGG sub-brand (Mt Eden + Albany Auckland, 2 venues)
   Positioning: CASUAL Asian ($28 NZD avg ticket — LOWEST in group)
   Strength: Google Reserve 2,827 booking (HIGHEST in group)
   Crisis: TripAdvisor 2.7★ — service recovery messaging needed

   ⚠️ MIGRATION NOTE: Existing PHP website 99-archive/mr-hao/website-ldp/
   used DIFFERENT palette (#E05B2B / #B73A1A / #FFD93F) — that's DEPRECATED.
   This kit aligns Mr Hao to HGG family palette (#F46742 brighter orange).
   See: brands/haogood/family-strategy.md § H Migration note

   Inherits HGG family palette. Differentiation:
   - Icon: conical-hat-man illustration (Asian heritage casual)
   - Typography accent: Caveat script for signature dishes only
   - Photography: family-platter flat-lay (per existing archive) — warm casual
   - Voice: casual-warm ("Anh quên field này rồi"), bilingual VI ↔ EN
   - Conversion goal: BOOKING prominent (replicate 2,827 strength cross-page)
   ============================================================ */

@import url("./haogood.brand.css");

.brand-mrhao {
  /* Caveat script for signature dishes — sparingly (≤2 per page per BAO discipline) */
  --mrhao-script-font: "Caveat", cursive;
  --mrhao-script-size: clamp(20px, 2.4vw, 28px);
  --mrhao-script-color: hsl(var(--brand-accent-h) var(--brand-accent-s) var(--brand-accent-l));

  /* Casual density — spacious, breathing room */
  --section-gap-mobile: 56px;
  --section-gap-desktop: 96px;
  --card-padding: 24px;

  /* Conical-hat icon lockup */
  --mrhao-icon-size: 56px;
  --mrhao-icon-spacing: 10px;

  /* Booking CTA emphasis — Mr Hao's strength, must be P0 prominent */
  --mrhao-booking-emphasis-shadow: 0 4px 16px hsl(var(--brand-primary-h) var(--brand-primary-s) calc(var(--brand-primary-l) - 20%) / 0.35);

  /* Service-recovery messaging accent (Mr Hao TripAdvisor 2.7★ crisis context) */
  --mrhao-trust-color: var(--primary-deep);  /* deeper orange for "we hear you" emphasis */
}

/* Signature dish script accent */
.brand-mrhao .signature-script {
  font-family: var(--mrhao-script-font);
  font-size: var(--mrhao-script-size);
  color: var(--mrhao-script-color);
  font-weight: 400;
  line-height: 1.2;
}

/* Booking CTA emphasis — Mr Hao strength replicate */
.brand-mrhao .btn-book {
  background: hsl(var(--brand-primary-h) var(--brand-primary-s) var(--brand-primary-l));
  color: var(--primary-on);
  box-shadow: var(--mrhao-booking-emphasis-shadow);
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 99px;
  transition: transform 180ms ease-out, box-shadow 180ms ease-out;
}

.brand-mrhao .btn-book:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px hsl(var(--brand-primary-h) var(--brand-primary-s) calc(var(--brand-primary-l) - 20%) / 0.45);
}

/* Bilingual EN/VI dish name pattern (Mister Jiu's reference) */
.brand-mrhao .dish-bilingual {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.brand-mrhao .dish-bilingual .dish-en {
  font-weight: 600;
  font-size: 16px;
}
.brand-mrhao .dish-bilingual .dish-vi,
.brand-mrhao .dish-bilingual .dish-zh {
  font-size: 13px;
  color: hsl(0 0% 35%);
  font-style: italic;
}