/* ═══════════════════════════════════════════════════════════
   quakezion.css — Zion section color theme
   Contains all Zion-specific colors: sandstone reds, golds,
   and warm tones. Overrides and extends quakemaster.css.
   ═══════════════════════════════════════════════════════════ */

/* ─── Zion color variables ─────────────────────────────── */
:root {
  --gold:           #c8a800;
  --gold-dark:      #2e2200;
  --gold-mid:       #4d3a00;
  --gold-light:     #fff8dc;
  --warning-bg:     #fffbeb;
  --warning-border: #cc3300;
  --warning-text:   #854d0e;
  --link:           #b5451b;
}

/* ─── Site header ──────────────────────────────────────── */
div#ikarosheader { width: 100%; text-align: center; background-color: #34356f; box-sizing: border-box; margin: 0px; padding: 0px; background: url('/zionguide/bodhizionheader1200.jpg'); background-position: center; }
@media (min-width: 1800px) { div#ikarosheader { background: url('/zionguide/bodhizionheader2600.jpg'); background-size: cover; } }
@media (max-width: 1800px) and (min-width: 1200px) { div#ikarosheader { background: url('/zionguide/bodhizionheader1800.jpg'); } }
@media (max-width: 1200px) and (min-width: 750px) { div#ikarosheader { background: url('/zionguide/bodhizionheader1200.jpg'); } }
@media (max-width: 750px) { div#ikarosheader { background: url('/zionguide/bodhizionheader750.jpg'); } }
div#ikarosborderbar1 { background-color: #803424; } /* previous: #8a3a27; */
div#ikarostitlebox { background-color: #672718; }

/* ─── Navigation buttons ───────────────────────────────── */
a.navbutton { background-color: #751a06; }
a.navbutton:hover { background-color: #C05040; text-decoration: none; }
a.navbuttoncurrent { background-color: #C05040; text-decoration: none; }
a.navbuttonbottomcurrent { background-color: #C05040; color: white !important; }
a.navbuttonbottomcurrent:hover { background-color: #C05040; text-decoration: none; }

/* ─── Mobile info bar ──────────────────────────────────── */
.mobile-info-bar { background: #dbb800; }
.mobile-stat-label { color: var(--gold-mid); }
.mobile-stat-val { color: var(--gold-dark); }
.mobile-caret { color: #7a6a40; }
.mobile-info-panel { background: #fffdf0; }

/* ─── Map link arrow ───────────────────────────────────── */
.map-link-arrow { color: #751a06; }

/* ─── Disclaimer block ─────────────────────────────────── */
.disclaimer { border-left: 3px solid var(--gold); }

/* ─── Warning box ──────────────────────────────────────── */
.warning-box { background: var(--warning-bg); }

/* ─── Info card ─────────────────────────────────────────── */
.info-card { background: #fffdf0; }
.info-card-header { background: #dbb800; }
.info-card-title { color: var(--gold-dark); }
.info-card-sub { color: var(--gold-mid); }

/* ─── Pill ──────────────────────────────────────────────── */
.pill { background: var(--gold-light); color: #7a5100; }

/* ─── Site footer ───────────────────────────────────────── */
div#ikarosfooter { background-color: #672718; border-top: 1px solid #632B16; color: #DDAA99; }
div#ikarosfooterbox { color: #DDAA99; }
a:link.footer { color: #FFC0C0; text-decoration: none; background-color: transparent; white-space: nowrap; }
a:visited.footer { color: #FFC0C0; text-decoration: none; background-color: transparent; white-space: nowrap; }
a:active.footer { color: #FFFFFF; text-decoration: none; background-color: #751a06; white-space: nowrap; }
a:hover.footer { color: #FFFFFF; text-decoration: none; background-color: #751a06; white-space: nowrap; }
a:focus.footer { color: #FFFF99; text-decoration: none; background-color: transparent; white-space: nowrap; }

/* MENU GENERATOR CSS */
.EF18ArrowTD FONT { color: gray; }
.EF18RespMainMenuDIV { border: dashed 0px red; width: 80px !important; margin-left: auto !important; margin-right: 0px !important; }
.EF18RespSubMenuDIV { border: dashed 0px green; width: 330px !important; margin-left: -250px; }