/* Asylum Radio Live — clean, borderless desktop navigation. 2026-10-11
   Layout stays in header-compact-left-nav-20261011.css.
   Keep all five social icons, existing responsive behavior and dropdown links. */
@media (min-width:761px) {
  html body header.site-header .header-top > nav.main-nav {
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-top:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    padding:4px 8px !important;
    gap:8px 15px !important;
  }
  html body header.site-header .header-top > nav.main-nav > a,
  html body header.site-header .header-top > nav.main-nav > a:link,
  html body header.site-header .header-top > nav.main-nav > a:visited,
  html body header.site-header .header-top > nav.main-nav > a.active,
  html body header.site-header .header-top > nav.main-nav > a.nav-live,
  html body header.site-header .header-top > nav.main-nav > details.caribbean-hub-dropdown,
  html body header.site-header .header-top > nav.main-nav > details.caribbean-hub-dropdown > summary {
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    text-decoration:none !important;
    outline:0;
    min-height:30px !important;
    padding:6px 3px !important;
    margin:0 !important;
    color:#defaff !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:.025em !important;
    text-shadow:none !important;
  }
  html body header.site-header .header-top > nav.main-nav > a:hover,
  html body header.site-header .header-top > nav.main-nav > a.active,
  html body header.site-header .header-top > nav.main-nav > a[aria-current="page"],
  html body header.site-header .header-top > nav.main-nav > details.caribbean-hub-dropdown > summary:hover {
    background:transparent !important;
    color:#ffffff !important;
    text-decoration:underline !important;
    text-decoration-color:rgba(111,222,232,.65) !important;
    text-underline-offset:6px !important;
    text-decoration-thickness:1px !important;
  }
  html body header.site-header .header-top > nav.main-nav > a[href="video-live.html"],
  html body header.site-header .header-top > nav.main-nav > a[href="video-live.html"]:link,
  html body header.site-header .header-top > nav.main-nav > a[href="video-live.html"]:visited {
    color:#ff828e !important;
    font-weight:850 !important;
  }
  html body header.site-header .header-top > nav.main-nav > a[href="video-live.html"]::before {
    content:"●";
    color:#ff4e62;
    font-size:9px;
    margin-right:6px;
  }
  html body header.site-header .header-top > nav.main-nav > a.nav-live {
    color:#ffb1b6 !important;
  }
  html body header.site-header .header-top > nav.main-nav > a:focus-visible,
  html body header.site-header .header-top > nav.main-nav > details.caribbean-hub-dropdown > summary:focus-visible {
    outline:2px solid #9aefff !important;
    outline-offset:3px !important;
  }
  html body header.site-header .header-top > nav.main-nav .caribbean-hub-items {
    border:0 !important;
    box-shadow:0 10px 28px rgba(0,0,0,.45) !important;
  }
}
@media (min-width:761px) and (max-width:1100px) {
  html body header.site-header .header-top > nav.main-nav {gap:5px 9px !important;}
  html body header.site-header .header-top > nav.main-nav > a,
  html body header.site-header .header-top > nav.main-nav > details.caribbean-hub-dropdown > summary {
    font-size:11px !important;
    padding-inline:2px !important;
  }
}