/* V3.5 UI/UX revision, Phase 1 (presentation only).
   Loaded after styles.css / alignment.css / page CSS. Decision record:
   docs/specs/V3_5_UI_UX_REVISION_DESIGN_DECISION_2026_10_18.md and
   docs/specs/V3_5_PHASE1_VISUAL_REVISION_2026_10_18.md. */

/* Header: Schedule / Competitions join the primary navigation (real routes only). */
.primary-nav{gap:26px}
.primary-nav a[aria-current=page]{color:var(--blue);box-shadow:inset 0 -2px 0 var(--blue)}
@media(max-width:767px){
  .site-header.has-page-nav .header-tagline{display:none}
  .site-header.has-page-nav .primary-nav{display:flex;grid-column:1/-1;grid-row:2;height:auto;gap:0;margin:10px -16px 0;border-top:1px solid var(--line);overflow-x:auto}
  .site-header.has-page-nav .primary-nav a{flex:1 0 auto;justify-content:center;min-height:44px;padding:0 8px;font-size:13px;white-space:nowrap}
  .site-header.has-page-nav .header-inner{padding-bottom:0}
}

/* Top lead: smaller so the first screen reaches the overseas list. */
.hero{padding:20px 0 16px}.hero h1{font-size:32px;line-height:1.25;margin:4px 0}.hero span{font-size:15px}
@media(max-width:767px){.hero{padding:14px 0 12px}.hero h1{font-size:24px}.hero span{font-size:13px}}

/* Viewing: every provider uses the same button (no VBTV-only navy fill). */
.cta.vbtv{background:#ffffff;border-color:#d8e1ec;color:var(--blue);min-width:0}

/* Competition flag (domestic competitions with a permanent country only). */
.v35-flag{display:inline-block;width:15px;height:10px;margin-right:6px;vertical-align:-1px;flex:none}
/* V3.5 R2: globe for reviewed international competitions (line art in the text colour). */
.v35-globe{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px;flex:none}

/* Player names stay links to the player pages; show that they are links. */
#overseas .player a,.discovery-affiliated-players a,.discovery-tracking a,.discovery-player-row a{text-decoration:underline;text-decoration-color:#c3cede;text-decoration-thickness:1px;text-underline-offset:4px}
#overseas .player a:hover,.discovery-affiliated-players a:hover,.discovery-tracking a:hover{color:var(--blue);text-decoration-color:var(--blue)}

/* Top overseas: stage moves under the competition (6 columns on desktop). */
@media(min-width:768px){
  #overseas .columns>span:nth-child(6),#overseas .row>div:nth-child(6){display:none}
  #overseas .mobile-stage{display:inline;color:#52627b;font-size:11px}
}
@media(min-width:1101px){#overseas .columns,#overseas .row{grid-template-columns:124px minmax(150px,1.2fr) 145px minmax(130px,1fr) minmax(150px,1.25fr) 196px}}
@media(min-width:768px) and (max-width:1100px){#overseas .columns,#overseas .row{grid-template-columns:104px minmax(110px,1fr) 100px minmax(100px,1fr) minmax(110px,1.1fr) 140px}}
@media(min-width:768px) and (max-width:900px){#overseas .columns,#overseas .row{grid-template-columns:100px minmax(90px,1fr) 96px minmax(85px,1fr) minmax(90px,1fr) 140px;gap:6px}}

/* Schedule: earlier days start collapsed; started matches are marked. */
.v35-past-days{border-bottom:1px solid var(--line)}
.v35-past-days>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 8px;background:#f7f9fc;color:#33425d;font-size:12px;font-weight:650;cursor:pointer;list-style:none}
.v35-past-days>summary::-webkit-details-marker{display:none}
.v35-past-days>summary::before{content:"▸";font-size:10px;color:var(--muted)}
.v35-past-days[open]>summary::before{content:"▾"}
.v35-past-days>summary:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.v35-started{display:block;margin-top:3px;font-size:10px;font-weight:600;color:var(--muted)}
.discovery-when:has(.v35-started) .discovery-time{color:var(--muted)}

/* Player page: month headings inside the upcoming list. */
.v35-month{margin:0;padding:14px 8px 6px;font-size:13px;font-weight:700;color:var(--ink);border-bottom:1px solid #cdd6e2}
@media(max-width:767px){.v35-month{padding:12px 0 6px}}

/* Competitions: Men / Women columns, League / Tournament inside each. */
.v35-catalog-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.v35-catalog-columns>.v35-catalog-group[data-category="OTHER"]{grid-column:1/-1}
.v35-catalog-sub{margin:12px 0 4px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.discovery-catalog .v35-catalog-group .discovery-catalog-list{grid-template-columns:1fr}
@media(max-width:767px){.v35-catalog-columns{grid-template-columns:1fr}}

/* V3.5 phase 2a: category, "kind · stage" line, month navigation, category filter. */
.v35-cat{font-size:11px;font-weight:700;color:#33425d;padding-right:7px;margin-right:6px;border-right:1px solid #cdd6e2}
.v35-stage{display:block;margin-top:2px;font-size:11px;color:var(--muted)}
.discovery-side-label{border:0;padding:0;border-radius:0;font-size:10.5px;font-weight:700;color:#33425d;margin-left:8px;letter-spacing:.02em}
.discovery-match-context span.v35-cat{display:inline}
.v35-months{display:flex;align-items:stretch;margin:14px 0 8px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.v35-month-step{display:flex;align-items:center;min-width:64px;min-height:44px;padding:0 12px;font-size:13px;font-weight:600;color:#33425d;text-decoration:none;white-space:nowrap}
.v35-month-step.prev{border-right:1px solid var(--line)}
.v35-month-step.next{justify-content:flex-end;border-left:1px solid var(--line)}
.v35-month-strip{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.v35-month-strip ol{display:flex;margin:0;padding:0 6px;list-style:none;min-height:44px}
.v35-month-strip li{display:flex}
.v35-year{align-items:center;padding:0 6px 0 12px;font-size:12px;font-weight:600;color:var(--muted)}
.v35-month-strip a{display:flex;align-items:center;padding:0 12px;font-size:14px;font-weight:600;color:#33425d;text-decoration:none;box-shadow:inset 0 -2px 0 transparent;white-space:nowrap}
.v35-month-strip a[aria-current=page]{color:var(--blue);box-shadow:inset 0 -2px 0 var(--blue)}
.v35-months a:focus-visible,.v35-category-filter button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.v35-today-link{display:flex;align-items:center;padding:0 14px;font-size:12px;font-weight:700;color:var(--blue);border-left:1px solid var(--line);white-space:nowrap;text-decoration:none}
.v35-category-filter{display:inline-flex;margin:4px 0 8px;border:1px solid #cdd6e2;border-radius:3px;overflow:hidden}
.v35-category-filter button{font:inherit;font-size:12px;font-weight:600;min-height:36px;padding:0 14px;border:0;border-left:1px solid #cdd6e2;background:#ffffff;color:#33425d;cursor:pointer}
.v35-category-filter button:first-child{border-left:0}
.v35-category-filter button[aria-pressed=true]{background:var(--ink);color:#ffffff}
.discovery-match-row.v35-filtered{display:none}
@media(max-width:767px){.v35-month-step .lb{display:none}.v35-today-link{display:none}.v35-category-filter{display:flex}.v35-category-filter button{flex:1;min-height:40px}.v35-months{margin-inline:-13px}}
.v35-category-filter[hidden]{display:none!important}
/* V3.5 phase 2a: club home / away under the time (TOP, Player Page) and the TOP Men / Women headings. */
.when>.v35-home-away,.player-page-when>.v35-home-away{display:block!important;padding-top:0!important;font-size:11px;font-weight:700;color:#33425d;letter-spacing:.02em}
#overseas .v35-group{margin:18px 0 0;padding:8px 0 6px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--ink);border-bottom:1px solid var(--ink)}
#overseas .v35-group:first-of-type{margin-top:6px}
/* V3.6: reviewed FIVB World Ranking on the TOP national cards (world-ranking.mjs).
   The areas repeat the effective alignment.css areas with one "ranking" row under the team. */
#national .national>.v36-world-ranking{grid-area:ranking;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:2px 0 10px;padding-bottom:9px;border-bottom:1px solid #edf2f7}
#national .national>.v36-world-ranking>span{display:inline;color:#33425d;font-size:12px;font-weight:700}
#national .national>.v36-world-ranking>b{display:inline;color:var(--ink);font-size:26px;line-height:1}
#national .national>.v36-world-ranking>b::after{content:none}
#national .national>.v36-world-ranking>small{display:inline;margin:0;padding:0;border:0;color:#56647a;font-size:11px}
#national .national>.v36-world-ranking a{color:inherit}
@media(min-width:768px){#national .national.has-world-ranking{grid-template-areas:"kind kind kind" "team team team" "ranking ranking ranking" "when opponent viewing" "when competition viewing"}}
@media(max-width:767px){#national .national.has-world-ranking{grid-template-areas:"kind team team" "ranking ranking ranking" "when when opponent" "when when competition" "viewing viewing competition"}}