/* =========================================================
   ROADEO ELITE SHINE v2.4.3 — HEADER / TOPBAR POLISH
   Loaded last to override earlier large-type/header rules.
========================================================= */

/* Compact utility bar. This is the intentional exception to the 19px site floor. */
#roadeo-v9 .rd9-topbar-inner{
  min-height:29px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  gap:12px !important;
  font-size:14px !important;
  line-height:1.15 !important;
  letter-spacing:.055em !important;
  font-weight:750 !important;
}
#roadeo-v9 .rd9-topbar-inner > span,
#roadeo-v9 .rd9-topbar-inner a{
  font-size:14px !important;
  line-height:1.15 !important;
}
#roadeo-v9 .rd9-topbar-inner > div{
  gap:12px !important;
}

@media (min-width:901px){
  #roadeo-v9 .rd9-header .rd9-wrap{
    width:min(calc(100% - 22px),1740px) !important;
  }

  /* Bigger, more prominent logo without squeezing navigation. */
  #roadeo-v9 .rd9-header-grid{
    grid-template-columns:minmax(300px,345px) minmax(0,1fr) minmax(205px,230px) !important;
    gap:7px !important;
    min-height:104px !important;
  }
  #roadeo-v9 .rd9-logo{
    min-width:0 !important;
    overflow:visible !important;
  }
  #roadeo-v9 .rd9-logo img{
    width:min(330px,100%) !important;
    max-width:100% !important;
    max-height:92px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }

  /* Remove the extra empty space around menu buttons. */
  #roadeo-v9 .rd9-nav{
    gap:3px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #roadeo-v9 .rd9-nav > li{
    margin:0 !important;
    padding:0 !important;
  }
  #roadeo-v9 .rd9-nav > li > a{
    min-height:39px !important;
    padding:0 4px !important;
    margin:0 !important;
    border-radius:10px !important;
    font-size:19px !important;
    line-height:1.02 !important;
    letter-spacing:-.012em !important;
    white-space:nowrap !important;
    text-overflow:clip !important;
    box-shadow:0 2px 7px rgba(4,42,79,.04) !important;
  }
  #roadeo-v9 .rd9-nav > li > a::before{
    left:8px !important;
    right:8px !important;
    bottom:3px !important;
  }
  #roadeo-v9 .rd9-nav > li > a:hover,
  #roadeo-v9 .rd9-nav > li > a:focus-visible{
    transform:translateY(-1px) !important;
    box-shadow:0 7px 16px rgba(4,42,79,.13) !important;
  }

  /* Keep the phone compact and visually aligned with the CTA. */
  #roadeo-v9 .rd9-header-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    min-width:0 !important;
  }
  #roadeo-v9 .rd9-phone{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 2px !important;
    font-size:17px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:-.015em !important;
    white-space:nowrap !important;
  }
  #roadeo-v9 .rd9-header-actions .rd9-btn{
    min-height:40px !important;
    padding:0 11px !important;
    font-size:17px !important;
    line-height:1 !important;
    border-radius:10px !important;
  }
}

/* Mid-size desktop: preserve the larger logo and keep phone visible,
   while dropping only the secondary CTA before the nav becomes crowded. */
@media (min-width:1181px) and (max-width:1450px){
  #roadeo-v9 .rd9-header-grid{
    grid-template-columns:270px minmax(0,1fr) 158px !important;
    gap:5px !important;
  }
  #roadeo-v9 .rd9-logo img{
    width:265px !important;
    max-height:82px !important;
  }
  #roadeo-v9 .rd9-header-actions .rd9-btn{
    display:none !important;
  }
  #roadeo-v9 .rd9-header-actions{
    display:flex !important;
  }
  #roadeo-v9 .rd9-phone{
    font-size:16px !important;
  }
  #roadeo-v9 .rd9-nav > li > a{
    padding:0 3px !important;
    font-size:19px !important;
    letter-spacing:-.02em !important;
  }
}

/* Smaller desktop/tablet: keep navigation comfortable and let hamburger take over at 900px. */
@media (min-width:901px) and (max-width:1180px){
  #roadeo-v9 .rd9-header-grid{
    grid-template-columns:245px minmax(0,1fr) !important;
    gap:5px !important;
    min-height:92px !important;
  }
  #roadeo-v9 .rd9-logo img{
    width:240px !important;
    max-height:76px !important;
  }
  #roadeo-v9 .rd9-header-actions{
    display:none !important;
  }
  #roadeo-v9 .rd9-nav{
    gap:2px !important;
  }
  #roadeo-v9 .rd9-nav > li > a{
    min-height:38px !important;
    padding:0 2px !important;
    font-size:19px !important;
    letter-spacing:-.025em !important;
  }
}

@media (max-width:900px){
  #roadeo-v9 .rd9-topbar-inner{
    min-height:28px !important;
    font-size:13px !important;
    letter-spacing:.035em !important;
  }
  #roadeo-v9 .rd9-topbar-inner > span,
  #roadeo-v9 .rd9-topbar-inner a{
    font-size:13px !important;
  }
  #roadeo-v9 .rd9-header-grid{
    padding:8px 0 !important;
  }
  #roadeo-v9 .rd9-logo img{
    width:min(310px,76vw) !important;
    max-height:86px !important;
  }
  #roadeo-v9 .rd11-primary-nav .rd9-nav{
    gap:4px !important;
    padding:5px !important;
  }
  #roadeo-v9 .rd11-primary-nav .rd9-nav > li > a{
    min-height:44px !important;
    padding:0 11px !important;
    margin:0 !important;
  }
}

/* New transparent white logo is intended for the dark footer. */
#roadeo-v9 .rd9-footer-brand img{
  width:min(360px,100%) !important;
  max-width:100% !important;
  max-height:120px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  opacity:1 !important;
}