/* One quiet header and a thumb-friendly dock, across the whole clubhouse. */
.brand-shell .club-header{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:0 24px;min-height:76px;padding:12px clamp(20px,3.5vw,48px);background:#16221fed!important;border:0!important;border-bottom:1px solid #ffffff14!important;box-shadow:0 5px 20px #12271e0a;backdrop-filter:none;-webkit-backdrop-filter:none}
.brand-shell .club-masthead{display:contents;padding:0!important}.brand-shell .club-logo{grid-column:1;grid-row:1;order:initial;width:180px;max-width:100%;flex-basis:auto}.brand-shell .club-logo>img{filter:brightness(0) invert(1)}
.brand-shell .club-header-tools{grid-column:3;grid-row:1;order:initial;display:flex;align-items:center;gap:6px;margin:0}.brand-shell .club-primary-nav{grid-column:2;grid-row:1;order:initial;position:relative;inset:auto;display:flex;align-items:center;justify-content:center;gap:5px;padding:0;margin:0;max-width:none;background:transparent;border:0;box-shadow:none;overflow:visible}
.brand-shell .club-primary-nav .club-nav-item{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;border:0;border-radius:12px;background:none;color:#c2cec9;font:500 14px/1.2 var(--sans);letter-spacing:0;text-transform:none;text-decoration:none;box-shadow:none;transition:background .18s,color .18s}
.brand-shell .club-primary-nav .club-nav-item.active{background:#c6ebda13;color:#e8fff3}.brand-shell .club-primary-nav .club-nav-item:hover{background:#ffffff0d;color:#fff}.brand-shell .club-primary-nav .club-nav-item:before,.brand-shell .club-primary-nav .club-nav-item:after{display:none}.club-nav-symbol{display:flex;align-items:center;justify-content:center;flex:none}.brand-shell .club-primary-nav .club-nav-item .icon{display:block;width:20px;height:20px;opacity:1}.club-primary-nav .club-nav-item.active .club-nav-symbol{color:#b8e7d1}
.brand-shell .club-header-tools>button,.brand-shell .club-navigation-menu>summary{display:flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:44px;min-height:44px;padding:10px;border:0;border-radius:12px;background:transparent;color:#e0e9e3;box-shadow:none}.brand-shell .club-header-tools>button:hover,.brand-shell .club-navigation-menu>summary:hover,.brand-shell .club-navigation-menu[open]>summary{background:#ffffff10;color:#fff}.brand-shell .club-navigation-menu>summary>span{display:none}.brand-shell .club-header-tools .club-notification-button>svg,.brand-shell .club-navigation-menu>summary>.icon{width:21px;height:21px}
.club-caddie-slot{display:flex;flex:none;width:42px;height:44px;align-items:center;justify-content:center}.brand-shell .club-caddie-slot>.caddie-launcher{position:static!important;inset:auto!important;display:flex;align-items:center;justify-content:center;min-width:38px;width:38px;min-height:38px;height:38px;padding:0!important;gap:0;border:1px solid #d9f3e14d;border-radius:50%;overflow:hidden;background:#d1e2cd;box-shadow:none}.club-caddie-slot>.caddie-launcher>span:not(.ff-caddie-avatar),.club-caddie-slot>.caddie-launcher>svg{display:none}.club-caddie-slot>.caddie-launcher>.ff-caddie-avatar{height:100%;width:100%;flex:1 0 100%;border:0;border-radius:inherit;box-shadow:none}.club-caddie-slot .ff-caddie-avatar>img{height:100%;width:100%;object-fit:cover;border-radius:inherit;transform:scale(1.03)}
.brand-shell .club-weather-inline{display:block;grid-column:1/-1;grid-row:2;min-width:0;max-width:none;width:100%;margin:6px 0 -5px;padding-top:6px;border-top:1px solid #ffffff0c}.brand-shell .club-weather-inline #club-weather-strip{min-height:30px;color:#dce6df;justify-content:flex-end}.brand-shell .club-weather-inline .local-weather-main{flex:none}.brand-shell .club-weather-inline .local-weather-main>strong,.brand-shell .club-weather-inline .local-weather-intro>strong{color:#c3d0c8;font-size:12px}.brand-shell .club-weather-inline .local-weather-enable{color:#d6e9dc;font-size:12px}.brand-shell .club-weather-inline .local-weather-temp{color:#eef9f1}.player-lobby-shell .club-weather-inline{display:none}
.brand-shell .club-menu-popover{top:calc(100% + 14px);background:#1c2a25f5;border:1px solid #ffffff1c;border-radius:20px;box-shadow:0 18px 60px #0718104d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:22px;color:#f1f8ef}.club-menu-popover>span{font:600 17px/1.3 var(--sans);letter-spacing:-.02em;color:#f1f8ef;padding-bottom:16px}.club-menu-popover>.club-menu-account{display:block;margin:0;padding:14px 0;border-bottom:1px solid #ffffff14}.brand-shell .club-menu-account>.account-chip{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:5px 0;background:none;color:#edf5ee;border:0;border-radius:0;text-align:left;font:500 14px var(--sans)}.brand-shell .club-menu-account>.account-chip>.account-photo{display:inline-flex;width:34px;height:34px;border-radius:50%}.brand-shell .club-menu-account>.account-chip>span:not(.member-portrait){display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-menu-account>.account-chip>small{margin-left:auto;font:11px var(--sans);color:#b6cabd}.club-menu-account>.account-chip[data-sync-status=synced]>small{display:none}.club-menu-popover>.club-menu-groups{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;margin:22px 0}.club-menu-popover nav>strong{color:#eff8ef;font-size:14px}.club-menu-popover nav>a{color:#c4d5ca;font-size:14px;min-height:44px;border-radius:9px}.club-menu-popover nav>a:hover,.club-menu-popover nav>a[aria-current=page]{background:#c5ebd615;color:#f0fff5}.club-menu-popover .club-menu-store{font-size:12px;color:#b5cebd;min-height:42px}
.brand-shell .club-header :is(a,button,summary):focus-visible{outline:2px solid #b4e7cf;outline-offset:3px}
@media(min-width:701px) and (max-width:1100px){.brand-shell .club-header{grid-template-columns:150px minmax(0,1fr) auto;gap:0 12px;padding-inline:22px}.brand-shell .club-logo{width:150px}.brand-shell .club-primary-nav{gap:0}.brand-shell .club-primary-nav .club-nav-item{padding-inline:10px;font-size:13px;gap:6px}.brand-shell .club-primary-nav .club-nav-item .icon{width:18px;height:18px}.brand-shell .club-header-tools{gap:2px}.brand-shell .club-header-tools>button,.brand-shell .club-navigation-menu>summary,.club-caddie-slot{width:40px;min-width:40px}}
@media(min-width:701px) and (max-width:850px){.brand-shell .club-header{grid-template-columns:136px minmax(0,1fr) auto;gap:0 8px;padding-inline:18px}.brand-shell .club-logo{width:136px}.brand-shell .club-primary-nav .club-nav-item{font-size:12px;padding-inline:9px;gap:0}.brand-shell .club-primary-nav .club-nav-item .club-nav-symbol{display:none}}
@media(max-width:700px){
 .brand-shell .club-header{grid-template-columns:minmax(0,1fr) auto;min-height:68px;padding:12px 16px;gap:0 12px;position:relative;z-index:85}.player-lobby-shell .club-header{height:68px}.brand-shell .club-logo{width:151px;grid-column:1}.brand-shell .club-header-tools{grid-column:2;gap:3px}.brand-shell .club-header-tools>button,.brand-shell .club-navigation-menu>summary,.club-caddie-slot{width:40px;min-width:40px;height:44px;min-height:44px}.brand-shell .club-weather-inline{margin-top:3px;padding-top:6px}.brand-shell .club-weather-inline #club-weather-strip{min-height:30px;justify-content:flex-start}.brand-shell .club-weather-inline .local-weather-main{flex:1}.brand-shell .club-weather-inline .local-weather-intro{display:flex}.brand-shell .club-weather-inline .local-weather-main>strong{max-width:190px}.brand-shell .club-weather-inline .local-weather-intro>strong{font-size:11px}
 .brand-shell .club-primary-nav{position:fixed;inset:auto 12px calc(8px + env(safe-area-inset-bottom));z-index:80;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-content:stretch;gap:0;height:66px;min-height:66px;max-width:520px;margin:0 auto;padding:4px 5px;border:1px solid #ffffff26;border-radius:22px;background:#17241ff0;color:#edf7ef;box-shadow:0 8px 32px #10291b30,inset 0 1px #ffffff0d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
 .brand-shell .club-primary-nav .club-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;height:56px;padding:3px 1px;border-radius:15px;color:#c0cec5;font:500 11px/1.3 var(--sans);background:none;overflow:visible}.brand-shell .club-primary-nav .club-nav-item.active{background:none;color:#f0fff7}.brand-shell .club-primary-nav .club-nav-item:hover{background:#ffffff08}.brand-shell .club-primary-nav .club-nav-symbol{display:flex;width:46px;height:31px;border-radius:11px;color:inherit;transition:background .18s,color .18s}.brand-shell .club-primary-nav .club-nav-item .icon{display:block;width:22px;height:22px;stroke-width:1.7}.brand-shell .club-primary-nav .club-nav-item.active .club-nav-symbol{background:#b6e6cf;color:#1b3b2e;box-shadow:inset 0 1px #ffffff55}.brand-shell .club-primary-nav .club-nav-item:focus-visible{outline-offset:0}.brand-shell .club-primary-nav .club-nav-item>span:last-child{line-height:16px}
 .brand-shell .club-menu-popover{position:fixed;inset:72px 12px auto;max-width:520px;width:auto;max-height:calc(100dvh - 160px - env(safe-area-inset-bottom));margin:0 auto;padding:22px;overscroll-behavior:contain;overflow:auto}.club-menu-popover>.club-menu-groups{gap:20px 19px}.club-menu-account>.account-chip>small{font-size:10px}
 html.ff-game-open .club-header{visibility:hidden}
}
@media(max-width:360px){.brand-shell .club-header{padding-inline:12px;gap:10px}.brand-shell .club-logo{width:134px}.brand-shell .club-header-tools{gap:1px}.brand-shell .club-header-tools>button,.brand-shell .club-navigation-menu>summary,.club-caddie-slot{width:38px;min-width:38px}.brand-shell .club-primary-nav{inset-inline:10px}.brand-shell .club-primary-nav .club-nav-item{font-size:10px}.club-menu-popover>.club-menu-groups{gap:18px 15px}.club-menu-popover nav>a{font-size:13px}}
/* Match the existing reservations, so navigation never shrinks the golfer. */
@media(max-width:700px) and (max-height:620px){.player-lobby-shell .club-header{height:56px;min-height:56px;padding-block:6px}.player-lobby-shell .club-primary-nav{height:58px;min-height:58px;padding-block:3px}.player-lobby-shell .club-primary-nav .club-nav-item{height:50px;min-height:50px;gap:1px}.player-lobby-shell .club-primary-nav .club-nav-symbol{height:28px}.player-lobby-shell .club-primary-nav .club-nav-item .icon{width:20px;height:20px}}
@media(min-width:701px) and (max-width:1000px) and (max-height:500px){.player-lobby-shell .club-header{height:56px;min-height:56px;padding-block:6px}.player-lobby-shell .club-primary-nav{position:fixed;inset:auto 16px 6px;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);height:48px;min-height:48px;max-width:720px;margin:0 auto;padding:3px 6px;background:#17241ff0;border:1px solid #ffffff26;border-radius:17px;backdrop-filter:blur(24px)}.player-lobby-shell .club-primary-nav .club-nav-item{height:40px;min-height:40px;gap:7px;font-size:12px;padding:4px 8px}.player-lobby-shell .club-primary-nav .club-nav-symbol{display:flex;width:31px;height:30px;border-radius:9px}.player-lobby-shell .club-primary-nav .club-nav-item.active .club-nav-symbol{background:#b6e6cf;color:#1b3b2e}.player-lobby-shell .club-primary-nav .club-nav-item .icon{display:block;width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.brand-shell .club-primary-nav .club-nav-item,.club-nav-symbol{transition:none}}
/* Keep the dark menu readable over every page theme. */
.brand-shell .club-menu-popover>span{color:#f1f8ef}.brand-shell .club-menu-popover nav>strong{color:#e8f4eb}.brand-shell .club-menu-popover nav>a{color:#c8dacf}.brand-shell .club-menu-popover nav>a>span{color:#9cbbaa}.brand-shell .club-menu-popover nav>a:hover,.brand-shell .club-menu-popover nav>a[aria-current=page]{background:#c5ebd615;color:#f0fff5}.brand-shell .club-menu-popover .club-menu-store{color:#b5cebd}
