/* HYBRID SPORT NAVIGATION — October 2026
   Public pages only. A spacious editorial top menu for desktop and a
   functional slide-out navigation for phones/tablets, without altering PHP flows. */
body.public-site.hybrid-navigation {--hybrid-green:#215f4b;--hybrid-deep:#223c35;--hybrid-orange:#d8774c;--hybrid-gold:#d9ae68;--hybrid-cream:#fffdf8;}
body.public-site.hybrid-navigation .page-content,
body.public-site.hybrid-navigation.sidebar-collapsed .page-content {margin-left:0!important;padding-top:107px!important;}
body.public-site.hybrid-navigation .site-footer,
body.public-site.hybrid-navigation.sidebar-collapsed .site-footer {margin-left:0!important;}
body.public-site.hybrid-navigation .topbar.public-premium-topbar,
body.public-site.hybrid-navigation.sidebar-collapsed .topbar.public-premium-topbar {
 position:fixed!important;left:18px!important;right:18px!important;top:12px!important;width:auto!important;
 height:76px!important;padding:0 15px!important;display:flex!important;align-items:center!important;gap:15px!important;
 border:1px solid rgba(214,222,207,.93)!important;border-radius:21px!important;
 background:linear-gradient(103deg,rgba(255,255,253,.985),rgba(255,253,247,.985))!important;
 box-shadow:0 9px 25px rgba(40,58,42,.09),0 2px 5px rgba(35,53,43,.035),inset 0 1px 0 #fff!important;
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:160!important;overflow:visible!important;
}
body.public-site.hybrid-navigation .topbar.public-premium-topbar::before {content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(216,175,100,.7),rgba(43,133,101,.55),transparent);opacity:.52}
body.public-site.hybrid-navigation .topbar-back-button,
body.public-site.hybrid-navigation .topbar-login-desktop {display:none!important}
body.public-site.hybrid-navigation .sidebar.premium-sidebar {display:none!important;}
body.public-site.hybrid-navigation .sidebar-backdrop{display:none!important}
body.public-site.hybrid-navigation .sidebar-collapse-toggle{display:none!important}

/* Brand with a softly raised crest and a gold accent. */
body.public-site.hybrid-navigation .hybrid-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:0 0 232px;color:#253f34;text-decoration:none!important;white-space:nowrap}
body.public-site.hybrid-navigation .hybrid-brand-mark{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#fff9e9,#f1f7e7);border:1px solid #e7dcc1;box-shadow:0 5px 12px rgba(78,99,71,.1),inset 0 1px 1px white;padding:4px}
body.public-site.hybrid-navigation .hybrid-brand-mark img{width:100%;height:100%;object-fit:contain}
body.public-site.hybrid-navigation .hybrid-brand-name{display:flex;flex-direction:column;min-width:0;line-height:1.25}
body.public-site.hybrid-navigation .hybrid-brand-name strong{display:block;font-weight:800;font-size:15px;color:#234936!important;-webkit-text-fill-color:#234936!important;white-space:nowrap}
body.public-site.hybrid-navigation .hybrid-brand-name small{font-weight:600;font-size:11px;color:#708379!important;-webkit-text-fill-color:#708379!important;margin-top:4px;white-space:nowrap}
body.public-site.hybrid-navigation .hybrid-brand-spark{height:30px;width:2px;margin-left:auto;border-radius:6px;background:linear-gradient(to bottom,transparent,#d7af65,transparent);opacity:.7}

/* Main navigation: no heavy navy, no gambling-style illumination. */
body.public-site.hybrid-navigation .hybrid-main-nav{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;flex:1 1 auto;height:100%;white-space:nowrap}
body.public-site.hybrid-navigation .hybrid-main-nav>a,
body.public-site.hybrid-navigation .hybrid-main-nav>details>summary{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:44px;position:relative;padding:9px 12px;border:1px solid transparent;border-radius:12px;color:#3e5148!important;-webkit-text-fill-color:#3e5148!important;text-decoration:none!important;font-size:13px;font-weight:750;letter-spacing:0;cursor:pointer;list-style:none;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
body.public-site.hybrid-navigation .hybrid-main-nav>details>summary::-webkit-details-marker{display:none}
body.public-site.hybrid-navigation .hybrid-main-nav>details{position:relative;display:flex;align-items:center;height:100%}
body.public-site.hybrid-navigation .hybrid-main-nav>a:hover,
body.public-site.hybrid-navigation .hybrid-main-nav>details>summary:hover,
body.public-site.hybrid-navigation .hybrid-main-nav>details[open]>summary{background:#f0f6ee!important;border-color:#e0eadc!important;color:#1b684e!important;-webkit-text-fill-color:#1b684e!important;transform:translateY(-1px)}
body.public-site.hybrid-navigation .hybrid-main-nav>.active,
body.public-site.hybrid-navigation .hybrid-main-nav>details.active>summary{background:linear-gradient(120deg,#f9eccf,#f3dca8)!important;border:1px solid #eacf91!important;color:#5e441b!important;-webkit-text-fill-color:#5e441b!important;box-shadow:0 4px 12px rgba(161,124,57,.09),inset 0 1px rgba(255,255,255,.65)!important}
body.public-site.hybrid-navigation .hybrid-nav-home{font-size:21px;line-height:10px;font-weight:900}
body.public-site.hybrid-navigation .hybrid-chevron{display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:translateY(-2px) rotate(45deg);margin:0 1px;transition:transform .18s ease}
body.public-site.hybrid-navigation details[open]>.hybrid-chevron,body.public-site.hybrid-navigation details[open]>summary .hybrid-chevron{transform:translateY(1px) rotate(225deg)}
body.public-site.hybrid-navigation .hybrid-dropdown,
body.public-site.hybrid-navigation .hybrid-account-dropdown{position:absolute;top:calc(100% - 6px);min-width:238px;display:grid;gap:3px;background:rgba(255,255,253,.99);border:1px solid #e3e9df;border-radius:17px;padding:11px;box-shadow:0 17px 42px rgba(38,58,41,.17),0 3px 7px rgba(24,52,37,.04);z-index:240;animation:hybridReveal .18s ease both;white-space:normal}
body.public-site.hybrid-navigation .hybrid-dropdown{left:0;top:63px}
body.public-site.hybrid-navigation .hybrid-main-nav>details:last-child .hybrid-dropdown{left:auto;right:0}
body.public-site.hybrid-navigation .hybrid-drop-title{display:block;padding:5px 11px 9px;font-size:11px;font-weight:800;letter-spacing:.03em;color:#b27748!important;-webkit-text-fill-color:#b27748!important}
body.public-site.hybrid-navigation .hybrid-dropdown>a,
body.public-site.hybrid-navigation .hybrid-account-dropdown>a{display:flex;align-items:center;min-height:42px;padding:9px 12px;border-radius:10px;color:#36574a!important;-webkit-text-fill-color:#36574a!important;text-decoration:none!important;font-size:12.5px;font-weight:650;line-height:1.4;transition:background .17s ease,color .17s ease,padding .17s ease}
body.public-site.hybrid-navigation .hybrid-dropdown>a:hover,
body.public-site.hybrid-navigation .hybrid-account-dropdown>a:hover{padding-left:16px;background:#eef6ef!important;color:#145941!important;-webkit-text-fill-color:#145941!important}
@keyframes hybridReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}

/* Search and account actions. */
body.public-site.hybrid-navigation .topbar-right-cluster{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;margin-left:auto!important;min-width:0!important}
body.public-site.hybrid-navigation .hybrid-search{position:relative;display:block!important}
body.public-site.hybrid-navigation .hybrid-search>summary{width:42px;height:42px;display:grid;place-items:center;cursor:pointer;border-radius:13px;border:1px solid #e2e8e0;background:#fff;box-shadow:0 3px 9px rgba(37,62,47,.055);list-style:none;color:#366a56!important;-webkit-text-fill-color:#366a56!important}
body.public-site.hybrid-navigation .hybrid-search>summary::-webkit-details-marker,
body.public-site.hybrid-navigation .hybrid-account>summary::-webkit-details-marker{display:none}
body.public-site.hybrid-navigation .hybrid-search>summary:hover,
body.public-site.hybrid-navigation .hybrid-search[open]>summary{background:#eff6ed;border-color:#cbdccb}
body.public-site.hybrid-navigation .hybrid-search>summary svg{width:19px;height:19px}
body.public-site.hybrid-navigation .hybrid-search-popover{position:absolute;top:53px;right:-55px;width:min(365px,calc(100vw - 30px));padding:17px;background:#fffefa;border:1px solid #e5e7dd;border-radius:18px;box-shadow:0 19px 43px rgba(35,63,46,.15);z-index:250;animation:hybridReveal .18s ease both}
body.public-site.hybrid-navigation .hybrid-search .topbar-search{display:block!important;position:static!important;margin:0!important;padding:0!important;max-width:none!important;min-width:0!important;width:100%!important;height:auto!important;box-shadow:none!important;background:transparent!important;border:0!important;flex:none!important}
body.public-site.hybrid-navigation .hybrid-search label{display:block;margin:0 0 10px;color:#2a5542;font-size:13px;font-weight:800}
body.public-site.hybrid-navigation .hybrid-search-input-row{display:flex;gap:7px}
body.public-site.hybrid-navigation .hybrid-search-input-row input{min-width:0!important;flex:1!important;display:block!important;border:1px solid #dfe6dc!important;border-radius:10px!important;background:#fff!important;padding:0 11px!important;height:40px!important;font-size:13px!important}
body.public-site.hybrid-navigation .hybrid-search-input-row button{flex:0 0 auto;border:0;border-radius:10px;background:#246b53;color:#fff;-webkit-text-fill-color:#fff;font-size:12px;font-weight:750;padding:0 14px;cursor:pointer}
body.public-site.hybrid-navigation .topbar-notification{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;background:#fff8ea!important;border-color:#f0dfbd!important;box-shadow:0 3px 9px rgba(110,79,39,.055)!important;text-decoration:none!important}
body.public-site.hybrid-navigation .topbar-actions{display:none!important}
body.public-site.hybrid-navigation .hybrid-account{position:relative;display:block!important}
body.public-site.hybrid-navigation .hybrid-account>summary{display:flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:6px 13px 6px 7px;border-radius:13px;border:1px solid #1d654e;background:linear-gradient(135deg,#2e805f,#205b49);color:white!important;-webkit-text-fill-color:white!important;box-shadow:0 5px 14px rgba(33,101,75,.16);cursor:pointer;font-size:12px;font-weight:750;list-style:none;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}
body.public-site.hybrid-navigation .hybrid-account>summary:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(33,101,75,.21)}
body.public-site.hybrid-navigation .hybrid-account-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.15);font-size:21px;font-weight:800;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.public-site.hybrid-navigation .hybrid-account-dropdown{right:0;top:53px;width:269px}
body.public-site.hybrid-navigation .hybrid-account-dropdown>strong{font-size:12px;padding:6px 9px 9px;color:#36564a}
body.public-site.hybrid-navigation .hybrid-account-dropdown>a{font-size:12px}
body.public-site.hybrid-navigation .mobile-topbar-brand{display:none!important}

@media (min-width:1101px) and (max-width:1300px){
 body.public-site.hybrid-navigation .topbar.public-premium-topbar{gap:7px!important;padding:0 11px!important}
 body.public-site.hybrid-navigation .hybrid-brand{flex-basis:197px;gap:6px}
 body.public-site.hybrid-navigation .hybrid-brand-mark{width:44px;height:44px;flex-basis:44px}
 body.public-site.hybrid-navigation .hybrid-brand-name strong{font-size:13px}
 body.public-site.hybrid-navigation .hybrid-brand-name small{font-size:10px}
 body.public-site.hybrid-navigation .hybrid-main-nav>a,body.public-site.hybrid-navigation .hybrid-main-nav>details>summary{font-size:12px;padding:9px 8px}
 body.public-site.hybrid-navigation .topbar-right-cluster{gap:5px!important}
 body.public-site.hybrid-navigation .hybrid-search>summary,body.public-site.hybrid-navigation .topbar-notification{width:38px!important;height:38px!important;min-width:38px!important}
}

/* Responsive drawer: one elegant content navigation pattern, not two competing sidebars. */
@media(max-width:1100px){
 body.public-site.hybrid-navigation .topbar.public-premium-topbar,
 body.public-site.hybrid-navigation.sidebar-collapsed .topbar.public-premium-topbar{
  left:0!important;right:0!important;top:0!important;width:100%!important;height:calc(69px + env(safe-area-inset-top))!important;
  padding:env(safe-area-inset-top) max(11px,env(safe-area-inset-right)) 0 max(11px,env(safe-area-inset-left))!important;
  gap:9px!important;border-radius:0!important;border:0!important;border-bottom:1px solid #e8eadd!important;box-shadow:0 5px 17px rgba(47,66,51,.07)!important;
 }
 body.public-site.hybrid-navigation .topbar.public-premium-topbar::before{display:none}
 body.public-site.hybrid-navigation .page-content,
 body.public-site.hybrid-navigation.sidebar-collapsed .page-content{margin-left:0!important;padding-top:calc(69px + env(safe-area-inset-top))!important}
 body.public-site.hybrid-navigation .site-footer,body.public-site.hybrid-navigation.sidebar-collapsed .site-footer{margin-left:0!important}
 body.public-site.hybrid-navigation .hybrid-main-nav,body.public-site.hybrid-navigation .hybrid-brand{display:none!important}
 body.public-site.hybrid-navigation .sidebar-toggle{
  display:flex!important;position:relative;flex-direction:column;align-items:center!important;justify-content:center!important;gap:4px!important;
  width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important;padding:0!important;
  margin:0!important;border-radius:13px!important;border:1px solid #2e755b!important;
  background:linear-gradient(135deg,#2c785c,#185540)!important;box-shadow:0 5px 12px rgba(31,102,74,.17)!important;cursor:pointer;
 }
 body.public-site.hybrid-navigation .sidebar-toggle::before,body.public-site.hybrid-navigation .sidebar-toggle::after{content:none!important;display:none!important}
 body.public-site.hybrid-navigation .sidebar-toggle span{display:block!important;width:19px!important;height:2px!important;margin:0!important;padding:0!important;border-radius:5px;background:#fff!important;transform:none!important;transition:transform .2s ease,opacity .2s ease}
 body.public-site.hybrid-navigation.sidebar-open .sidebar-toggle span:first-child{transform:translateY(6px) rotate(45deg)!important}
 body.public-site.hybrid-navigation.sidebar-open .sidebar-toggle span:nth-child(2){opacity:0!important}
 body.public-site.hybrid-navigation.sidebar-open .sidebar-toggle span:last-child{transform:translateY(-6px) rotate(-45deg)!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand{display:flex!important;flex:1 1 auto!important;gap:8px!important;min-width:0!important;align-items:center!important;overflow:hidden!important;text-decoration:none!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand img{display:block!important;width:39px!important;height:39px!important;min-width:39px!important;background:#fffaf0!important;border:1px solid #e9dfc7!important;padding:3px!important;border-radius:12px!important;object-fit:contain!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand strong{display:block!important;max-width:100%!important;font-size:13px!important;line-height:1.3!important;font-weight:800!important;color:#24523e!important;-webkit-text-fill-color:#24523e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand span{display:block!important;color:#768f7d!important;-webkit-text-fill-color:#768f7d!important;font-size:10px!important;line-height:1.1!important;margin-top:1px!important}
 body.public-site.hybrid-navigation .topbar-right-cluster{display:flex!important;gap:6px!important;margin-left:0!important;flex:0 0 auto!important}
 body.public-site.hybrid-navigation .hybrid-account{display:none!important}
 body.public-site.hybrid-navigation .topbar-actions{display:flex!important;margin-left:0!important}
 body.public-site.hybrid-navigation .topbar-login-desktop{display:none!important}
 body.public-site.hybrid-navigation .mobile-login-trigger,body.public-site.hybrid-navigation .mobile-login-trigger.is-authenticated{display:grid!important;place-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:13px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:0!important;overflow:hidden!important;white-space:nowrap!important}
 body.public-site.hybrid-navigation .mobile-login-trigger::before{content:'👤'!important;font-size:18px!important;line-height:1!important;color:white!important;-webkit-text-fill-color:white!important}
 body.public-site.hybrid-navigation .hybrid-search>summary{height:40px!important;width:40px!important}
 body.public-site.hybrid-navigation .topbar-notification{width:40px!important;min-width:40px!important;height:40px!important;font-size:16px!important}
 body.public-site.hybrid-navigation .hybrid-search-popover{position:fixed;top:calc(74px + env(safe-area-inset-top));right:12px;width:min(350px,calc(100vw - 24px));}
 body.public-site.hybrid-navigation .sidebar.premium-sidebar,
 body.public-site.hybrid-navigation.sidebar-collapsed .sidebar.premium-sidebar{
  display:flex!important;position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(88vw,332px)!important;max-width:332px!important;
  height:100vh!important;height:100dvh!important;z-index:200!important;overflow-x:hidden!important;overflow-y:auto!important;
  padding:calc(15px + env(safe-area-inset-top)) 12px calc(21px + env(safe-area-inset-bottom))!important;
  transform:translateX(-110%)!important;transition:transform .25s cubic-bezier(.25,.8,.25,1)!important;
  background:linear-gradient(165deg,#fffdf7 0%,#f3f7ee 76%,#f5f1e5 100%)!important;
  box-shadow:18px 0 38px rgba(36,57,45,.16)!important;
 }
 body.public-site.hybrid-navigation.sidebar-open .sidebar.premium-sidebar{transform:translateX(0)!important}
 body.public-site.hybrid-navigation.sidebar-open,body.public-site.hybrid-navigation.mobile-login-open{overflow:hidden!important}
 body.public-site.hybrid-navigation .sidebar-backdrop{display:none!important}
 body.public-site.hybrid-navigation.sidebar-open .sidebar-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:190!important;background:rgba(28,47,38,.48)!important;backdrop-filter:blur(3px)}
 body.public-site.hybrid-navigation .public-sidebar-close{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;right:12px!important;top:calc(15px + env(safe-area-inset-top))!important;color:#35684d!important;background:#fff!important;border:1px solid #e0e7d9!important;border-radius:12px!important;font-size:26px!important;cursor:pointer!important}
 body.public-site.hybrid-navigation .sidebar-brand{padding-right:46px!important;min-height:78px!important}
 body.public-site.hybrid-navigation .sidebar-menu{margin-top:11px!important;gap:8px!important}
 body.public-site.hybrid-navigation .sidebar-menu .menu-item{min-height:62px!important}
 body.public-site.hybrid-navigation .sidebar-menu .menu-item>div>strong{font-size:14px!important}
 body.public-site.hybrid-navigation .sidebar-menu .menu-item>div>span{font-size:11px!important}
 body.public-site.hybrid-navigation .sidebar-menu .submenu a{min-height:38px;display:flex;align-items:center}
}
@media(max-width:430px){
 body.public-site.hybrid-navigation .topbar.public-premium-topbar{gap:6px!important;padding-right:9px!important;padding-left:9px!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand{gap:5px!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand img{width:34px!important;height:34px!important;min-width:34px!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand strong{font-size:12px!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand span{font-size:9px!important}
 body.public-site.hybrid-navigation .topbar-right-cluster{gap:4px!important}
 body.public-site.hybrid-navigation .sidebar-toggle{min-width:40px!important;width:40px!important;height:40px!important}
 body.public-site.hybrid-navigation .hybrid-search>summary,body.public-site.hybrid-navigation .topbar-notification,body.public-site.hybrid-navigation .mobile-login-trigger{min-width:37px!important;width:37px!important;height:37px!important}
}
@media(max-width:350px){
 body.public-site.hybrid-navigation .mobile-topbar-brand span{display:none!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand strong{font-size:11px!important}
 body.public-site.hybrid-navigation .topbar-right-cluster{gap:3px!important}
 body.public-site.hybrid-navigation .sidebar-toggle{min-width:38px!important;width:38px!important;height:38px!important}
 body.public-site.hybrid-navigation .hybrid-search>summary,body.public-site.hybrid-navigation .topbar-notification,body.public-site.hybrid-navigation .mobile-login-trigger{width:35px!important;min-width:35px!important;height:35px!important}
}
@media(prefers-reduced-motion:reduce){body.public-site.hybrid-navigation .sidebar,body.public-site.hybrid-navigation .hybrid-dropdown,body.public-site.hybrid-navigation .hybrid-account-dropdown,body.public-site.hybrid-navigation .hybrid-search-popover{transition:none!important;animation:none!important}}