/* =========================================================
   ROADEO ELITE SHINE — NAVIGATION STABILITY PASS v2.3.2
   Loaded after all typography/motion layers.
   Goals:
   - compact, readable menu type
   - no pill overlap / merging
   - six clean desktop columns
   - brand-tinted idle states + stronger hover feedback
   - compact mobile hamburger links
========================================================= */

/* ---------- Desktop / large tablet ---------- */
@media (min-width:901px){
  #roadeo-v9 .rd9-header .rd9-wrap{
    width:min(calc(100% - 28px),1600px) !important;
    max-width:none !important;
  }

  #roadeo-v9 .rd9-header-grid{
    display:grid !important;
    grid-template-columns:minmax(240px,290px) minmax(0,1fr) minmax(220px,auto) !important;
    align-items:center !important;
    gap:14px !important;
    min-height:98px !important;
  }

  #roadeo-v9 .rd9-logo{
    min-width:0 !important;
    overflow:visible !important;
  }

  #roadeo-v9 .rd9-logo img{
    width:min(280px,100%) !important;
    max-width:100% !important;
    max-height:78px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }

  #roadeo-v9 .rd11-primary-nav,
  #roadeo-v9 .rd9-header nav{
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  #roadeo-v9 .rd9-nav{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    align-items:center !important;
    justify-content:stretch !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    flex-wrap:nowrap !important;
  }

  #roadeo-v9 .rd9-nav > li{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  #roadeo-v9 .rd9-nav > li > a{
    position:relative !important;
    isolation:isolate;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;

    padding:0 8px !important;
    margin:0 !important;
    border:1px solid rgba(6,57,111,.16) !important;
    border-radius:999px !important;

    color:#06396f !important;
    background:#f6f9fc !important;
    font-size:clamp(19px,.70vw,19px) !important;
    line-height:1.08 !important;
    font-weight:850 !important;
    letter-spacing:.015em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;

    box-shadow:0 4px 12px rgba(4,42,79,.045) !important;
    transform:translate3d(0,0,0);
    transition:
      transform .22s cubic-bezier(.2,.8,.2,1),
      background-color .22s ease,
      color .22s ease,
      border-color .22s ease,
      box-shadow .22s ease,
      filter .22s ease !important;
  }

  /* Soft Roadeo brand tints at rest. */
  #roadeo-v9 .rd9-nav > li:nth-child(3n+1) > a{
    color:#06396f !important;
    background:#f3f7fb !important;
    border-color:rgba(6,57,111,.18) !important;
  }
  #roadeo-v9 .rd9-nav > li:nth-child(3n+2) > a{
    color:#b71920 !important;
    background:#fff7f7 !important;
    border-color:rgba(217,33,40,.18) !important;
  }
  #roadeo-v9 .rd9-nav > li:nth-child(3n) > a{
    color:#087dc4 !important;
    background:#f4fbff !important;
    border-color:rgba(42,169,223,.22) !important;
  }

  /* Brand-solid hover. No width/padding changes = no menu jumping. */
  #roadeo-v9 .rd9-nav > li:nth-child(3n+1) > a:hover,
  #roadeo-v9 .rd9-nav > li:nth-child(3n+1) > a:focus-visible{
    background:#06396f !important;
    border-color:#06396f !important;
    color:#fff !important;
    box-shadow:0 10px 22px rgba(6,57,111,.24) !important;
  }
  #roadeo-v9 .rd9-nav > li:nth-child(3n+2) > a:hover,
  #roadeo-v9 .rd9-nav > li:nth-child(3n+2) > a:focus-visible{
    background:#d92128 !important;
    border-color:#d92128 !important;
    color:#fff !important;
    box-shadow:0 10px 22px rgba(217,33,40,.22) !important;
  }
  #roadeo-v9 .rd9-nav > li:nth-child(3n) > a:hover,
  #roadeo-v9 .rd9-nav > li:nth-child(3n) > a:focus-visible{
    background:#168fd3 !important;
    border-color:#168fd3 !important;
    color:#fff !important;
    box-shadow:0 10px 22px rgba(22,143,211,.22) !important;
  }

  #roadeo-v9 .rd9-nav > li > a:hover,
  #roadeo-v9 .rd9-nav > li > a:focus-visible{
    transform:translateY(-2px) scale(1.015) !important;
    filter:saturate(1.04) !important;
    outline:none !important;
  }

  #roadeo-v9 .rd9-nav > .current-menu-item > a,
  #roadeo-v9 .rd9-nav > .current_page_item > a,
  #roadeo-v9 .rd9-nav > .current-menu-ancestor > a{
    box-shadow:0 0 0 2px rgba(42,169,223,.16),0 7px 18px rgba(4,42,79,.09) !important;
  }

  /* Ensure old underline/transform layers cannot reappear. */
  #roadeo-v9 .rd9-nav > li > a::after{
    display:none !important;
    content:none !important;
  }
}

/* ---------- Medium desktop / tablet ---------- */
@media (min-width:901px) and (max-width:1280px){
  #roadeo-v9 .rd9-header-grid{
    grid-template-columns:220px minmax(0,1fr) !important;
    gap:12px !important;
    min-height:92px !important;
  }

  #roadeo-v9 .rd9-header-actions{
    display:none !important;
  }

  #roadeo-v9 .rd9-logo img{
    width:215px !important;
    max-height:66px !important;
  }

  #roadeo-v9 .rd9-nav{
    gap:6px !important;
  }

  #roadeo-v9 .rd9-nav > li > a{
    min-height:40px !important;
    padding:0 6px !important;
    font-size:19px !important;
    letter-spacing:0 !important;
  }
}

/* ---------- Mobile hamburger menu ---------- */
@media (max-width:900px){
  #roadeo-v9 .rd11-primary-nav .rd9-nav{
    gap:7px !important;
  }

  #roadeo-v9 .rd11-primary-nav .rd9-nav > li{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  #roadeo-v9 .rd11-primary-nav .rd9-nav > li > a{
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
    box-sizing:border-box !important;
    padding:0 15px !important;
    margin:0 !important;
    border:1px solid rgba(6,57,111,.14) !important;
    border-radius:13px !important;

    color:#06396f !important;
    background:#f7f9fc !important;
    font-size:19px !important;
    line-height:1.2 !important;
    font-weight:850 !important;
    letter-spacing:.015em !important;
    text-transform:uppercase !important;
    white-space:normal !important;

    transform:none !important;
    transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease !important;
  }

  #roadeo-v9 .rd11-primary-nav .rd9-nav > li:nth-child(3n+1) > a:hover,
  #roadeo-v9 .rd11-primary-nav .rd9-nav > li:nth-child(3n+1) > a:focus-visible{
    background:#06396f !important;
    border-color:#06396f !important;
    color:#fff !important;
  }
  #roadeo-v9 .rd11-primary-nav .rd9-nav > li:nth-child(3n+2) > a:hover,
  #roadeo-v9 .rd11-primary-nav .rd9-nav > li:nth-child(3n+2) > a:focus-visible{
    background:#d92128 !important;
    border-color:#d92128 !important;
    color:#fff !important;
  }
  #roadeo-v9 .rd11-primary-nav .rd9-nav > li:nth-child(3n) > a:hover,
  #roadeo-v9 .rd11-primary-nav .rd9-nav > li:nth-child(3n) > a:focus-visible{
    background:#168fd3 !important;
    border-color:#168fd3 !important;
    color:#fff !important;
  }

  #roadeo-v9 .rd11-primary-nav .rd9-nav > li > a:hover,
  #roadeo-v9 .rd11-primary-nav .rd9-nav > li > a:focus-visible{
    transform:translateX(4px) !important;
    box-shadow:0 7px 18px rgba(4,42,79,.12) !important;
    outline:none !important;
  }
}

@media (max-width:520px){
  #roadeo-v9 .rd11-primary-nav .rd9-nav > li > a{
    min-height:44px !important;
    padding:0 13px !important;
    font-size:19px !important;
  }
}