/* ───────────────────────────────────────────────────────────────────────────
   "Order Online" link — Food Inn Long Street          added 2026-10-15
   ───────────────────────────────────────────────────────────────────────────
   ⚠️ WHY THIS FILE EXISTS
   The React bundle (index-v4-longstreet.js) was compiled BEFORE these utility
   classes existed, so Tailwind never emitted rules for them. The class names
   sat on the elements and did nothing — the "Order Online" link rendered with
   NO background at all (transparent), so black text was invisible over the
   hero photo and over the dark "Get in Touch" gradient.

   Declared explicitly here rather than recompiling the whole app.
   ⭐ White background, per Rid.

   Loaded AFTER index-DGQHH3Wy.css, so these win.
   ─────────────────────────────────────────────────────────────────────────── */

/* pills + cards: white background instead of nothing */
.bg-\[\#F59E0B\] { background-color: #ffffff; }

/* hover: light grey, so it still reads as a button */
.hover\:bg-\[\#D97706\]:hover { background-color: #e5e7eb; }

/* the footer "Get in Touch" card border (was border-amber-300) */
.border-amber-300 { border-color: #e5e7eb; }

/* text-style links (top banner, footer row) — amber, visible on dark */
.text-amber-300 { color: #fbbf24; }
.hover\:text-amber-200:hover { color: #fde68a; }

/* ⭐ the mobile-drawer item is white-on-white (the drawer is white and the item
   has no shadow), so give it a hairline so it still reads as a button */
.block.bg-\[\#F59E0B\] { box-shadow: inset 0 0 0 1px #e5e7eb; }