/* ===== Golavio simple mode — loaded last. Fewer things, clearer screens. ===== */

/* --- Brand: always show the full "Golavio" name (fixes the "vio" only bug) --- */
.app-header .mobile-brand,
.with-player-account .header-location .mobile-brand{display:none}
@media (max-width:1100px){
  .app-header .mobile-brand,
  .with-player-account .header-location .mobile-brand{
    display:inline-flex!important;align-items:center;gap:0;
    font:800 19px/1 Arial,sans-serif!important;letter-spacing:-.4px!important;
    color:#f1f7f4;text-decoration:none;white-space:nowrap;flex:none
  }
  .app-header .mobile-brand span{font-size:inherit!important;color:var(--green,#abe96b)}
  .app-header .mobile-brand::before{
    content:"";width:28px;height:28px;border-radius:8px;flex:none;margin-inline-end:8px;
    background:#abe96b url("favicon.svg") center/100% no-repeat
  }
  /* Header row: menu · brand … language · account */
  .app-header{gap:10px!important;padding-inline:14px!important}
  .app-header .header-location{display:flex!important;align-items:center;gap:10px;min-width:0;flex:1}
  .app-header .header-location>:not(.menu-toggle):not(.mobile-brand){display:none!important}
  .app-header .header-actions{gap:8px!important;flex:none}
}

/* --- Header: remove extras --- */
#global-play-guide,
.app-header .wallet,
.app-header .header-separator,
.language-select>span{display:none!important}
#language-picker{min-width:0!important;width:auto;padding-inline:10px 26px;font-size:13px}
@media (max-width:767px){
  /* Account button: avatar + level only, no long ID */
  #header-account-trigger .header-player-copy,
  #header-account-trigger .header-player-level{display:none!important}
  #header-account-trigger{padding:4px!important;min-width:44px}
  #header-google-trigger .header-google-label{display:none!important}
  #header-google-trigger{min-width:44px;padding:0 10px!important}
}

/* --- Navigation: only the five main pages --- */
.sidebar nav [data-page="points"],
.sidebar nav [data-page="rewards"],
.mobile-nav [data-page="rewards"],
.mobile-nav [data-page="points"],
.sidebar .more-menu,
.standings-nav-hint,
.sidebar nav [data-page="ranking"] .standings-nav-toggle,
.sidebar nav [data-page="ranking"] [aria-hidden="true"].chevron{display:none!important}

/* --- Matches page: the list is the page --- */
/* Home page keeps its sections; only the duplicate standings links go. */
#matches-standings-links{display:none!important}

.page-heading{padding-bottom:4px!important;min-height:0!important}
.page-heading h1,#page-title{font-size:clamp(24px,6vw,32px)!important;margin:0!important}
.section-top{margin:8px 0 6px!important;min-height:0!important}

/* Competition rows: one clean line per competition */
#matches .league{border-radius:12px!important;margin-bottom:8px!important;overflow:hidden}
#matches .league-header-row{display:flex!important;align-items:center;gap:6px;flex-wrap:nowrap!important;padding:0!important}
#matches .league-heading{flex:1 1 auto;min-width:0;display:flex!important;align-items:center;gap:12px;padding:12px 10px 12px 14px!important;min-height:60px}
#matches .league-title{min-width:0;display:grid!important;gap:2px}
#matches .league-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px!important}
#matches .league-title small{font-size:12px!important;opacity:.75}
#matches .league-status-summary{display:none!important}
#matches .league-count{white-space:nowrap;font-size:12px!important;opacity:.8;margin-inline-start:auto}
#matches .competition-star{flex:none;width:40px;height:40px;min-height:40px!important;padding:0!important}
#matches .league-info-button{flex:none;width:40px;height:40px;min-height:40px!important;padding:0!important;margin-inline-end:8px;font-size:0!important;border-radius:10px!important;display:grid;place-items:center}
#matches .league-info-button::before{content:"i";font:700 16px Georgia,serif;font-style:italic}

/* --- Standings: go straight to competitions (no "Competitions · My games" step) --- */
.standings-hint{display:none!important}

/* --- Calm, professional spacing on phones --- */
@media (max-width:767px){
  main{padding-inline:14px!important}
  .toolbar{gap:10px!important}
  .toolbar .tabs{overflow-x:auto;scrollbar-width:none}
}

/* --- Matches: the "All" tab already shows the count --- */
/* Language picker wide enough for the full name */
@media (max-width:767px){#language-picker{width:104px!important}}
/* Player card: short and calm */
.player-id-start .favorite-team-chooser{display:none!important}
.player-id-start{padding:18px!important}
.app-header .language-select{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important}
.app-header .language-select #language-picker{width:108px!important;max-width:none!important;text-overflow:clip}
/* Desktop: no breadcrumb path in the header */
@media (min-width:1101px){.app-header .header-location{visibility:hidden}}
/* Competition info button: tidy square on desktop, hidden on phones */
#matches .league-info-button{flex:0 0 40px!important;width:40px!important;max-width:40px!important}
@media (max-width:600px){#matches .league-info-button{display:none!important}#matches .league-header-row{padding-inline-end:4px!important}}
/* Rooms: secondary block at the end */
.rooms-more{margin-top:22px;padding-top:16px;border-top:1px solid #24404b;display:grid;gap:12px}
.rooms-more>h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#8ea6b1}
.rooms-more .player-id-card{margin:0!important}
/* Phone header: keep the player avatar visible */
@media (max-width:767px){#header-account-trigger .header-player-avatar{display:grid!important;place-items:center;width:34px;height:34px;border-radius:50%}}