/* DineWorld home page — royal blue & golden yellow.
   Isolated override: existing app logic and other views are unchanged. */
#discoverView {
  --accent: #d6a12d;
  --accent-hover: #bb8518;
  --accent-soft: #fff3cf;
  --accent-ink: #8a5d08;
  --deep: #103a78;
  --deep-2: #174f99;
  --brass: #d6a12d;
  --bg: #a9c5e5;
  --surface-2: #e9f0fa;
  --surface-3: #d7e4f6;
  --text: #10294e;
  --text-2: #4b6281;
  --text-3: #617895;
  --border: #d9e5f4;
  --border-strong: #bdcee4;
  --focus: #d6a12d;
  --ring: 0 0 0 3px rgb(214 161 45 / 28%);
  background: var(--bg);
  color: var(--text);
}
#discoverView .hero {
  background: linear-gradient(125deg, #081e46 0%, #123c7c 58%, #1a59a2 100%);
  border-block-end: 3px solid #d6a12d;
  color: #fff;
}
#discoverView .hero::before {
  inset-block-start: -55%; inset-inline-end: -18%;
  background: radial-gradient(circle, rgb(244 198 78 / 22%), transparent 65%);
}
#discoverView .hero::after {
  content: ""; position: absolute; inset-inline-start: -8%; inset-block-end: -48%;
  width: 42vw; height: 42vw; border: 1px solid rgb(255 215 110 / 15%);
  border-radius: 50%; pointer-events: none;
}
#discoverView .heroInner { padding-block: clamp(72px, 8vw, 112px); }
#discoverView .hero .eyebrow { color: #ffdc7e; }
#discoverView .hero h1 { color: #fff; text-wrap: balance; }
#discoverView .heroSub { color: #dce8fa; }
#discoverView .heroChips button {
  background: rgb(255 255 255 / 10%);
  border-color: rgb(255 255 255 / 30%);
  color: #fff;
}
#discoverView .heroChips button:hover,
#discoverView .heroChips button:focus-visible {
  background: #e5b446; border-color: #e5b446; color: #10294e;
}
#discoverView .heroStats { border-block-start-color: rgb(255 255 255 / 23%); }
#discoverView .heroStats div b { color: #ffdc7e; }
#discoverView .heroStats div span { color: #dce8fa; }
#discoverView .heroTile {
  border: 2px solid rgb(255 221 143 / 48%);
  box-shadow: 0 18px 45px rgb(4 17 44 / 35%);
}
#discoverView .heroTileCap {
  background: linear-gradient(to top, rgb(8 25 56 / 95%), transparent);
}
#discoverView .smartStrip {
  border: 1px solid #d8e4f5;
  border-top: 4px solid #e5b446;
  box-shadow: 0 15px 35px rgb(16 58 120 / 12%);
}
#discoverView .spark { background: #123c7c; color: #ffdc7e; }
#discoverView .goldBtn {
  background: #d6a12d; border-color: #d6a12d; color: #10294e;
  font-weight: 800;
}
#discoverView .goldBtn:hover { background: #f0c45d; border-color: #f0c45d; }
#discoverView .searchBar {
  border-color: #a5bcda;
  box-shadow: 0 8px 28px rgb(16 58 120 / 10%);
}
#discoverView .searchBar:focus-within {
  border-color: #d6a12d; box-shadow: var(--ring);
}
#discoverView .sectionHead h2 { color: #123c7c; }
#discoverView .sectionHead .eyebrow { color: #96660b; }
#discoverView .filters button.active,
#discoverView .comboList li.on { background: #fff3cf; color: #795109; }
#discoverView .restaurantGrid { padding-block-end: var(--sp-3); }
#discoverView .hero button:focus-visible,
#discoverView .goldBtn:focus-visible { outline: 3px solid #ffdf8a; outline-offset: 3px; }

/* Approved lockup: emblem beside the wordmark, on a white bar with a gold edge. */
:root { --header-h: 136px; }
.topbar {
  height: var(--header-h);
  background: #fff;
  border-block-end: 3px solid #d6a12d;
  backdrop-filter: none;
}
.topbar .brand { gap: 18px; }
.topbar .brand img.logo-emblem { width: 118px; height: 118px; object-fit: contain; }
.topbar .brand img.logo-word { width: auto; height: 92px; object-fit: contain; }
.guestChip {
  display: inline-block; margin-top: 12px; background: #fff7e4; color: #7a5a12;
  border-radius: 20px; padding: 4px 12px; font-size: 13px; font-weight: 800;
}
@media (max-width: 980px) {
  :root { --header-h: 96px; }
  .topbar .brand img.logo-emblem { width: 78px; height: 78px; }
  .topbar .brand img.logo-word { height: 58px; }
}
@media (max-width: 640px) {
  .topbar .brand img.logo-word { display: none; }
}
.topbar .desktopNav button.active::after { background: #d6a12d; }
.topbar .avatarBtn { border-color: #c2d2e8 !important; }
.topbar .avatarBtn:hover { border-color: #d6a12d !important; }

/* Dark theme: prevent light-only surfaces from becoming unreadable. */
:root[data-theme="dark"] .topbar { background: #0d2140; }
:root[data-theme="dark"] #discoverView {
  --bg: #0b1830;
  --surface: #152847;
  --surface-2: #1b3556;
  --surface-3: #234466;
  --text: #ecf3ff;
  --text-2: #bed0e8;
  --text-3: #9db5d3;
  --border: #2a4669;
  --border-strong: #426287;
  --accent-soft: #433416;
  --accent-ink: #ffdb82;
}
:root[data-theme="dark"] #discoverView .sectionHead h2 { color: #ffda78; }
:root[data-theme="dark"] #discoverView .smartStrip { border-color: #426287; border-top-color: #d6a12d; }
:root[data-theme="dark"] #discoverView .filters button.active,
:root[data-theme="dark"] #discoverView .comboList li.on { background: #493916; color: #ffda78; }
:root[data-theme="dark"] .topbar .brand b { color: #ffda78; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .topbar { background: #0d2140; }
  :root:not([data-theme="light"]) #discoverView {
    --bg: #0b1830; --surface: #152847; --surface-2: #1b3556;
    --surface-3: #234466; --text: #ecf3ff; --text-2: #bed0e8;
    --text-3: #9db5d3; --border: #2a4669; --border-strong: #426287;
    --accent-soft: #433416; --accent-ink: #ffdb82;
  }
  :root:not([data-theme="light"]) #discoverView .sectionHead h2 { color: #ffda78; }
  :root:not([data-theme="light"]) #discoverView .smartStrip { border-color: #426287; border-top-color: #d6a12d; }
  :root:not([data-theme="light"]) .topbar .brand b { color: #ffda78; }
}
@media (max-width: 720px) {
  #discoverView .heroInner { padding-block: 64px 84px; }
  #discoverView .hero::after { display: none; }
  #discoverView .smartStrip { border-radius: 16px; }
}