/* OPTIONAL light header theme: white bar, black text, gold accents.
   Switch on/off by keeping or removing the <link> to this file in Views/Shared/_SiteHeader.cshtml. */
/* !important: the home page also loads gold-theme.css, which paints every <header> dark with !important */
header.sh { background: #ffffff !important; border-bottom: 3px solid #ffb400 !important; box-shadow: 0 4px 18px rgba(0, 0, 0, .08) !important; }
header.sh .sh-nav > a, header.sh .sh-ddbtn, header.sh .sh-loc, header.sh .sh-ico { color: #111; }
header.sh .sh-nav > a:hover, header.sh .sh-ddbtn:hover, header.sh .sh-loc:hover, header.sh .sh-ico:hover { color: #b87900; }
header.sh .sh-nav > a.is-active { color: #111; box-shadow: inset 0 -3px 0 #ffb400; }
header.sh .sh-nav > a b { color: #f26a00; }
header.sh .sh-loc i.fa-map-marker { color: #e69f00; }
.sh-logo img { background: #000; border-color: #ffb400; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); }
.sh.sh-morph .sh-wordmark { color: #111; }
.sh.sh-morph .sh-wordmark::after { content: ""; position: absolute; left: 0; right: .16em; bottom: 20px; height: 3px; background: #ffb400; border-radius: 2px; }
.sh .sh-ddmenu { background: #fff !important; color: #111 !important; border: 1px solid #ece6d2; box-shadow: 0 16px 36px rgba(0, 0, 0, .16); }
.sh .sh-ddmenu a { color: #111 !important; }
.sh .sh-ddmenu a:hover { background: #fff3cf !important; color: #8a5a00 !important; }
.sh-avatar { border-color: #ffb400; }
.sh-burger { border-color: #d9d4c3; color: #111; }
@media (max-width: 991.98px) { .sh-nav { background: #fff; border-bottom: 3px solid #ffb400; } }

/* ---- Mobile: gold menu toggle pinned to the top-right corner ---- */
@media (max-width: 991.98px) {
  .sh-burger { order: 3; margin-left: auto !important; margin-right: 0; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center;
    background: #ffb400; border: 1px solid #e69f00; color: #111; border-radius: 10px; font-size: 1.15rem; box-shadow: 0 4px 12px rgba(255, 180, 0, .35); }
  .sh-burger:hover, .sh-burger[aria-expanded="true"] { background: #ffc83d; color: #000; }
  .sh-in { padding-left: 12px; padding-right: 12px; }
}
