/* =========================================================
   ROADEO — PRIMARY PAGE MENU v2.10
   Final override: five essential site pages only.
========================================================= */

/* Five balanced columns on desktop/tablet. */
@media (min-width:901px){
  #roadeo-v9 .rd11-primary-nav .rd9-nav{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}

/* Keep the active page obvious without changing the existing header style. */
#roadeo-v9 .rd9-nav > li.current-menu-item > a,
#roadeo-v9 .rd9-nav > li.current_page_item > a{
  background:#06396f !important;
  border-color:#06396f !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(6,57,111,.16) !important;
}
#roadeo-v9 .rd9-nav > li.current-menu-item > a::before,
#roadeo-v9 .rd9-nav > li.current_page_item > a::before{
  background:#fff !important;
  opacity:.72 !important;
  transform:scaleX(.78) !important;
}

/* Slightly more breathing room now that the menu has five items instead of six. */
@media (min-width:1281px){
  #roadeo-v9 .rd9-nav > li > a{
    padding-inline:10px !important;
  }
}

/* Mobile remains a clean single-column hamburger panel. */
@media (max-width:900px){
  #roadeo-v9 .rd11-primary-nav .rd9-nav{
    grid-template-columns:1fr !important;
  }
}