/* The information pages share the homepage's real sport destinations.
   Native details keeps the football / volleyball picker usable without JS. */
.info-header{position:relative;z-index:30}
.info-header .info-sports-nav{align-items:center;gap:clamp(14px,2.4vw,36px);font-weight:700}
.info-sports-nav>a,.info-sports-choice>summary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 2px;white-space:nowrap;line-height:1.5}
.info-sports-choice{position:relative;min-width:0}
.info-sports-choice>summary{gap:10px;cursor:pointer;list-style:none}
.info-sports-choice>summary::-webkit-details-marker{display:none}
.info-sports-choice>summary::after{content:"";display:block;width:7px;height:7px;flex:none;border-right:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:translateY(-2px) rotate(45deg)}
.info-sports-choice[open]>summary::after{transform:translateY(2px) rotate(225deg)}
.info-sports-choice-links{display:none;position:absolute;right:0;top:100%;min-width:174px;padding:6px;background:var(--ink);border:1px solid #526983;border-top:3px solid var(--lime);box-shadow:0 10px 24px #0003;z-index:40}
.info-sports-choice[open]>.info-sports-choice-links{display:grid;gap:2px}
.info-sports-choice-links>a{display:flex;align-items:center;min-height:44px;padding:9px 12px;line-height:1.5;white-space:nowrap}
.info-header .info-sports-nav a:hover,.info-sports-choice>summary:hover{color:var(--lime)}
.info-header .info-sports-nav a:focus-visible,.info-sports-choice>summary:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.info-sports-choice-links>a:hover,.info-sports-choice-links>a:focus-visible{background:#1d324d}
@media(max-width:700px){
  .info-header .info-sports-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:4px 8px;font-size:15px}
  .info-sports-nav>a,.info-sports-choice>summary{width:100%;padding:8px 2px}
  .info-sports-choice>summary{gap:8px}
  .info-sports-choice-links{left:0;right:auto;min-width:174px;max-width:calc(100vw - 48px)}
}
@media(max-width:360px){.info-header .info-sports-nav{font-size:14px;gap:4px 6px}.info-sports-choice>summary{gap:7px}}
