/* uc-fast-extras.css — v5 page supplement
 * Provides CSS for elements that ship-template renders but inline CSS lacks
 * (chiefly the Fleet dropdown nav). Linked from all static-v5 pages.
 * Updated 2026-05-10 — uses !important to win cascade against legacy inline rules. */

/* ─── Dropdown nav (Fleet menu) ────────────────────────────────────── */
.uc-nav-dd{position:relative;display:inline-block}
.uc-nav-dd>summary{list-style:none;cursor:pointer;color:inherit;font-weight:600;padding:8px 12px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;user-select:none}
.uc-nav-dd>summary::-webkit-details-marker{display:none}
.uc-nav-dd>summary::marker{display:none}
.uc-nav-dd>summary:hover{background:rgba(255,255,255,.06);color:#dfca8b}
.uc-nav-dd[open]>summary{background:rgba(255,255,255,.08);color:#dfca8b}

/* HIDE menu by default — !important to beat any inline display:grid rule. */
.uc-nav-menu{display:none !important;position:absolute;left:0;top:calc(100% + 8px);z-index:50;background:#0f2940;border:1px solid rgba(223,202,139,.25);border-radius:10px;padding:18px 20px;box-shadow:0 18px 44px rgba(0,0,0,.45);grid-template-columns:repeat(4,minmax(150px,1fr));gap:18px 26px;min-width:780px}

/* Show menu when <details> is open (click/tap) OR on hover (desktop). */
.uc-nav-dd[open]>.uc-nav-menu,
.uc-nav-dd:hover>.uc-nav-menu{display:grid !important}

.uc-nav-col{display:flex;flex-direction:column;gap:5px}
.uc-nav-h{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#dfca8b;margin-bottom:4px}
.uc-nav-menu a{color:#cdd6e0!important;font-size:14px;font-weight:500;padding:3px 0;line-height:1.35;white-space:nowrap;text-decoration:none}
.uc-nav-menu a:hover{color:#dfca8b!important;text-decoration:none}

@media (max-width:900px){
  .uc-nav-dd{display:block;width:100%}
  .uc-nav-menu{position:static !important;grid-template-columns:1fr;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:8px 0 12px 16px;gap:6px}
  .uc-nav-h{margin-top:8px}
}