/* FASE 5 HOTFIX — scoped card hierarchy and athlete mural polish. */
/* Institutional/concept cards: headings centered, reading copy left. */
#perfis .profile-card,
#transferencia .trans-grid>div,
#clubes-verao .vaa-league-card,
#pos-faculdade .vaa-simple-route-card{padding:24px!important;}
#perfis .profile-card h4,
#perfis .profile-card-subtitle,
#transferencia .trans-grid>div>p:first-child,
#clubes-verao .vaa-league-card h3,
#pos-faculdade .vaa-simple-route-card h4{text-align:center!important;}
#perfis .profile-card h4{margin:0 0 5px!important;line-height:1.15!important;}
#perfis .profile-card-subtitle{margin:0 0 14px!important;color:var(--gray-2)!important;font-size:12px!important;line-height:1.35!important;font-style:normal!important;}
#perfis .profile-card>p:not(.profile-card-subtitle),
#transferencia .trans-grid>div>p:not(:first-child),
#clubes-verao .vaa-league-card-body>p,
#pos-faculdade .vaa-simple-route-card>p{text-align:left!important;line-height:1.72!important;margin-top:0!important;}
#perfis .profile-card>p:not(.profile-card-subtitle)+p,
#clubes-verao .vaa-league-card-body>p+p,
#pos-faculdade .vaa-simple-route-card>p+p{margin-top:12px!important;}
#clubes-verao .vaa-league-logo-box{display:flex!important;align-items:center!important;justify-content:center!important;}
#clubes-verao .vaa-league-card h3{margin-left:auto!important;margin-right:auto!important;}
#clubes-verao .vaa-league-actions{justify-content:center!important;text-align:center!important;}
#pos-faculdade .vaa-work-route-grid{align-items:stretch!important;}
#pos-faculdade .vaa-work-route-grid>.vaa-simple-route-card{display:grid!important;grid-template-rows:minmax(2.7em,auto) 1fr!important;align-content:start!important;height:100%!important;}
#pos-faculdade .vaa-work-route-grid>.vaa-simple-route-card h4{display:flex!important;align-items:flex-start!important;justify-content:center!important;margin:0 0 14px!important;line-height:1.15!important;}
#pos-faculdade .vaa-work-route-grid>.vaa-simple-route-card p{margin:0!important;}
@media(max-width:768px){
  /* Correct the previous blanket mobile centering: headings remain centered, long-form card bodies read left-to-right. */
  #perfis .profile-card>p:not(.profile-card-subtitle),
  #transferencia .trans-grid>div>p:not(:first-child),
  #clubes-verao .vaa-league-card-body>p,
  #pos-faculdade .vaa-simple-route-card>p,
  .myth-card .myth-truth p,
  .stage-content .stage-body,
  .stage-content .stage-detail-list li,
  .stage-content .stage-callout p{text-align:left!important;line-height:1.62!important;}
}
/* Athlete mural — compact QuickTop-inspired control bar, red action hierarchy. */
.atl-filters{background:rgba(8,13,24,.92)!important;backdrop-filter:blur(18px) saturate(130%)!important;padding:14px 0!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important;}
.atl-filters-inner{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;gap:10px!important;}
.atl-input,.atl-select{min-height:44px!important;border-radius:10px!important;background-color:rgba(255,255,255,.045)!important;}
.atl-clear{min-height:44px!important;border-radius:10px!important;}
.atl-section{padding-top:22px!important;}
.atl-grid{margin-top:0!important;}
.atl-roster{background:#c92136!important;border-color:#c92136!important;color:#fff!important;box-shadow:0 7px 18px rgba(201,33,54,.20)!important;}
.atl-roster:hover,.atl-roster:focus-visible{background:#a9182c!important;border-color:#a9182c!important;color:#fff!important;}
.atl-service-type{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:2px;border:1px solid rgba(201,33,54,.38);background:rgba(201,33,54,.08);color:#ef9eaa;border-radius:999px;padding:4px 8px;font-size:9px;line-height:1.1;font-weight:800;letter-spacing:.75px;text-transform:uppercase;}
.atl-origin{margin-top:3px;font-size:11px;color:var(--gray-2);line-height:1.45;border-top:1px dashed var(--border);padding-top:8px;}
.atl-origin b{color:var(--gray);font-weight:700;}
.atl-more button{background:#c92136!important;border-color:#c92136!important;color:#fff!important;border-radius:10px!important;min-width:150px;box-shadow:0 8px 22px rgba(201,33,54,.20);}
.atl-more button:hover,.atl-more button:focus-visible{background:#a9182c!important;border-color:#a9182c!important;color:#fff!important;}
@media(max-width:768px){.atl-filters-inner{padding:0!important;}.atl-section{padding-top:16px!important;}}

/* FASE 5 RECOVERY 2026-09-22 — global conceptual-card title hierarchy */
/* Center conceptual/institutional card titles; keep reading copy and utility/listing content left-aligned. */
#avaliacao .va-grid-3>.va-card>h3,
#pra-voce .who-grid>div>h3,
#elegibilidade .container>div[style*="display:grid"]>div>p:first-child,
#regras .rules-grid>div>p:first-child,
#vida-real .real-grid>div>p:first-child,
#calendario .cal-grid>div>div:first-child,
#calendario .cal-grid>div>h3,
#transferencia .trans-grid>div>p:first-child,
#erros .err-grid>div>p:first-child,
#moradia .live-grid>div>h3,
#cronograma .time-grid>div>h3,
#porque-victor .vw-grid>div>h3,
#transparencia .va-grid-2>.va-card>h3{text-align:center!important;}

#elegibilidade .container>div[style*="display:grid"]>div>p:not(:first-child),
#regras .rules-grid>div>p:not(:first-child),
#vida-real .real-grid>div>p:not(:first-child),
#calendario .cal-grid>div>p,
#calendario .cal-grid>div>ul,
#erros .err-grid>div>p:not(:first-child),
#moradia .live-grid>div>p,
#cronograma .time-grid>div>p,
#porque-victor .vw-grid>div>p{text-align:left!important;}

#calendario .cal-grid>div>div:first-child,
#calendario .cal-grid>div>h3{margin-left:auto!important;margin-right:auto!important;}
/* Additional conceptual card families audited after visual review. */
#ligas .divs-grid>.div-card>.div-name,
#idade .age-grid>div>div:first-child,
#idade .age-grid>div>[data-i18n$="-tag"],
#recebe .receive-grid>div>[data-i18n$="-title"],
#mitos .myths-grid>.myth-card>.myth-myth{text-align:center!important;}

#idade .age-grid>div>p,
#recebe .receive-grid>div>p,
#mitos .myths-grid>.myth-card>.myth-truth{text-align:left!important;}



/* FINAL VISUAL POLISH 2026-09-23 — season cards, league logos, map countries, athlete mural. */
/* Season cards: visually separate explanation from examples without changing copy. */
#calendario .cal-grid>div{display:flex!important;flex-direction:column!important;height:100%!important;}
#calendario .cal-grid>div>p{margin-bottom:0!important;}
#calendario .cal-grid>div>ul{border-top:1px solid rgba(255,255,255,.12)!important;margin-top:16px!important;padding-top:14px!important;}

/* Summer league cards: remove the accidental white logo stage and keep marks legible on the dark card. */
#clubes-verao .vaa-league-logo-box{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.08)!important;height:132px!important;min-height:132px!important;padding:18px 24px!important;}
#clubes-verao .vaa-league-logo-box img{max-width:84%!important;max-height:80px!important;object-fit:contain!important;background:transparent!important;}
#clubes-verao .vaa-league-logo-box img[alt="USL League Two"]{filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.32))!important;}
#clubes-verao .vaa-league-card-body{display:flex!important;flex-direction:column!important;flex:1!important;}
#clubes-verao .vaa-league-actions{margin-top:auto!important;padding-top:18px!important;}

/* Origin-country controls restored: the all-countries state stays visibly active until a country is previewed. */
.vaa-origin-chip-all{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;border-radius:9px!important;border:1px solid rgba(201,33,54,.48)!important;background:rgba(201,33,54,.10)!important;color:#f8fafc!important;font-weight:800!important;letter-spacing:.2px!important;cursor:pointer!important;transition:.16s ease!important;}
.vaa-origin-chip-all.is-active{background:#c92136!important;border-color:#c92136!important;color:#fff!important;box-shadow:0 7px 18px rgba(201,33,54,.18)!important;}
.vaa-origin-chip[data-origin-list].is-preview{border-color:#c92136!important;background:rgba(201,33,54,.14)!important;transform:translateY(-1px)!important;}
.vaa-origin-chip[data-origin-list]:hover{border-color:rgba(201,33,54,.65)!important;}

/* Athlete mural: equal card heights and one CTA baseline on desktop and mobile. */
.atl-grid{align-items:start!important;align-content:start!important;grid-auto-rows:max-content!important;}
.atl-grid .hist-card-v2{display:flex!important;flex-direction:column!important;align-self:start!important;}
.atl-grid .hist-card-body{display:flex!important;flex-direction:column!important;}
.atl-grid .atl-roster{margin-top:auto!important;}
/* Use a head/bust-friendly default only when a card has no per-photo crop override. */
.hist-card-img-wrap>img.atl-photo:not([style]){object-position:50% 20%;}

@media(max-width:768px){
  #calendario .cal-grid>div>ul{margin-top:14px!important;padding-top:12px!important;}
  #clubes-verao .vaa-league-logo-box{height:112px!important;min-height:112px!important;padding:14px 20px!important;}
  #clubes-verao .vaa-league-logo-box img{max-height:68px!important;}
}

/* FINAL LEAGUE CTA ALIGNMENT FIX 2026-09-23 — keep every official-site CTA centered horizontally. */
#clubes-verao .vaa-league-actions{
  width:100%!important;
  align-self:center!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#clubes-verao .vaa-league-actions>a,
#clubes-verao .vaa-league-actions>button{
  margin-left:auto!important;
  margin-right:auto!important;
}
/* FINAL ATHLETES UX + PERFORMANCE FIX — 2026-09-30 R15 */
.atl-tools{position:relative;background:rgba(8,13,24,.96);border-bottom:1px solid var(--border);padding:16px 0;z-index:20}
.atl-tools>.container{max-width:1240px}
.atl-tools-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:10px;align-items:center}
.atl-search-field{position:relative;display:flex;width:100%}
.atl-search-field svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--gray-2)}
.atl-filter-options{display:contents}
.atl-filter-options .atl-select{width:100%;min-width:0}
@media(max-width:768px){
 .atl-tools{position:sticky;top:0;z-index:80;padding:7px 0;background:rgba(8,13,24,.98);backdrop-filter:blur(12px)}
 .atl-tools-grid{grid-template-columns:1fr;gap:8px}
 .atl-search-field{width:100%;padding:3px 0}
 .atl-input{font-size:16px!important;min-height:48px!important}
 .atl-filter-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
 .atl-select{font-size:12px!important;min-height:46px!important;padding-left:10px!important;padding-right:28px!important}
}
@media(min-width:481px) and (max-width:768px){
 .atl-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
 .atl-grid .hist-card-v2{height:390px!important}
 .atl-grid .hist-card-img-wrap{height:215px!important;min-height:215px!important;flex-basis:215px!important}
 .atl-grid .hist-card-body{height:175px!important;min-height:175px!important;flex-basis:175px!important}
}
@media(max-width:480px){
 .atl-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
 .atl-grid .hist-card-v2{height:375px!important}
 .atl-grid .hist-card-img-wrap{height:200px!important;min-height:200px!important;flex-basis:200px!important}
 .atl-grid .hist-card-body{height:175px!important;min-height:175px!important;flex-basis:175px!important;padding:10px 8px 9px!important;gap:5px!important}
 .atl-grid .hist-card-name-v2{min-height:30px!important;font-size:14px!important;line-height:1.06!important}
 .atl-grid .hist-card-info-row{font-size:10px!important;gap:4px!important;line-height:1.2!important}
 .atl-grid .atl-institution-row{min-height:30px!important}
 .atl-grid .atl-roster{min-height:31px!important;padding:6px 4px!important;font-size:9.5px!important;letter-spacing:.8px!important}
 .atl-grid .atl-year-badge{font-size:11px!important;padding:4px 6px!important;top:6px!important;right:6px!important}
 .atl-grid .hist-card-info-row svg{width:12px!important;height:12px!important}
}
.atl-grid .hist-card-v2{content-visibility:auto;contain-intrinsic-size:405px}
.atl-grid .hist-card-img-wrap{contain:layout paint}


/* R13 FINAL — sticky tools on desktop; preserve mobile 3-column mural */
@media (min-width:769px){
  .atl-tools{position:sticky;top:0;z-index:80;background:rgba(8,13,24,.98);backdrop-filter:blur(12px);}
}
@media (max-width:768px){
  .atl-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .atl-grid .hist-card-v2{height:425px!important;}
  .atl-grid .hist-card-img-wrap{height:230px!important;min-height:230px!important;flex-basis:230px!important;}
  .atl-grid .hist-card-body{height:195px!important;min-height:195px!important;flex-basis:195px!important;}
}
@media (max-width:520px){
  .atl-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;}
  .atl-grid .hist-card-v2{height:405px!important;}
  .atl-grid .hist-card-img-wrap{height:210px!important;min-height:210px!important;flex-basis:210px!important;}
  .atl-grid .hist-card-body{height:195px!important;min-height:195px!important;flex-basis:195px!important;}
}


/* R16: match intrinsic size to the fixed card height at every breakpoint. */
.atl-grid .hist-card-v2 { contain-intrinsic-size:525px; }
@media(max-width:1320px){ .atl-grid .hist-card-v2 { contain-intrinsic-size:505px; } }
@media(max-width:1020px){ .atl-grid .hist-card-v2 { contain-intrinsic-size:485px; } }
@media(max-width:768px){ .atl-grid .hist-card-v2 { contain-intrinsic-size:425px; } }
@media(max-width:520px){ .atl-grid .hist-card-v2 { contain-intrinsic-size:405px; } }
