/*
 MAJOR CACHOEIRENSE
 PUBLIC MOBILE V4

 Apenas <= 760px.
 Desktop nao e alterado.
*/

@media (max-width:760px){

 html,
 body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
 }

 *{
  box-sizing:border-box;
 }

 body{
  margin:0;
  -webkit-text-size-adjust:100%;
 }

 /* =========================
    HEADER / NAVEGACAO
    ========================= */

 .top{
  position:sticky !important;
  top:0;
  z-index:100;

  width:100% !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;

  gap:8px !important;

  padding:10px 12px !important;

  backdrop-filter:blur(14px);
 }

 .top > strong{
  font-size:12px !important;
  line-height:1.2;
  white-space:nowrap;
 }

 .top nav{
  width:100% !important;

  display:flex !important;

  gap:6px !important;

  overflow-x:auto;
  overflow-y:hidden;

  padding:0 0 3px !important;

  white-space:nowrap;

  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;

  scrollbar-width:none;
 }

 .top nav::-webkit-scrollbar{
  display:none;
 }

 .top nav a{
  flex:0 0 auto;

  padding:7px 9px !important;

  border-radius:8px;

  font-size:9px !important;
  line-height:1;
 }

 /* =========================
    LARGURA GERAL
    ========================= */

 .wrap,
 main,
 .container{
  width:100% !important;
  max-width:100% !important;

  margin-left:auto !important;
  margin-right:auto !important;
 }

 .wrap{
  padding-left:8px !important;
  padding-right:8px !important;
 }

 /* =========================
    HERO
    ========================= */

 .hero{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;

  display:grid !important;
  grid-template-columns:1fr !important;

  gap:12px !important;

  padding:18px 13px !important;

  background-position:center !important;
  background-size:cover !important;

  overflow:hidden;
 }

 .hero > *{
  min-width:0;
  max-width:100%;
 }

 /* =========================
    CARD DO LIDER
    ========================= */

 .leader-card{
  position:static !important;

  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;

  transform:none !important;

  width:100% !important;
  max-width:none !important;

  margin:0 !important;

  padding:12px !important;
 }

 .leader-team{
  gap:9px !important;
 }

 .leader-logo{
  width:44px !important;
  height:44px !important;
 }

 .leader-name{
  font-size:13px !important;
 }

 .leader-sub{
  font-size:8px !important;
 }

 .leader-stats{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;

  gap:5px !important;
 }

 .leader-stat{
  min-width:0;
  padding:7px 4px !important;
 }

 .leader-stat strong{
  font-size:15px !important;
 }

 .leader-stat span{
  font-size:7px !important;
 }

 .leader-link{
  width:100% !important;

  text-align:center;

  padding:8px !important;
 }

 /* =========================
    METRICAS
    ========================= */

 .metrics{
  width:100% !important;

  display:grid !important;

  grid-template-columns:
   repeat(2,minmax(0,1fr)) !important;

  gap:7px !important;

  margin-top:8px !important;
 }

 .metrics > *{
  min-width:0;
 }

 .metrics > .youtube-metric-box{
  grid-column:1 / -1 !important;
 }

 .youtube-metric-link{
  min-height:58px !important;

  padding:9px 12px !important;
 }

 .youtube-metric-icon{
  width:29px !important;
  height:29px !important;
 }

 .youtube-metric-text b{
  font-size:11px !important;
 }

 .youtube-metric-text small{
  font-size:7px !important;
 }

 /* =========================
    GRID PRINCIPAL
    ========================= */

 .grid,
 .main-grid,
 .dashboard-grid,
 .content-grid,
 .layout,
 .main,
 .content{
  grid-template-columns:1fr !important;
 }

 .grid:has(#resultados),
 .grid:has(#classificacao),
 .main:has(#resultados),
 .content:has(#resultados),
 .layout:has(#resultados){
  display:grid !important;
  grid-template-columns:1fr !important;
 }

 #resultados,
 #classificacao,
 #times,
 #rating{
  width:100% !important;
  max-width:100% !important;

  grid-column:1 / -1 !important;

  min-width:0 !important;
 }

 #resultados h2,
 #classificacao h2,
 #times h2,
 #rating h2{
  font-size:12px !important;
 }

 /* =========================
    RESULTADOS / PROXIMOS
    ========================= */

 #recent,
 #upcoming{
  width:100% !important;
  max-width:100% !important;

  min-width:0 !important;
 }

 .result-row,
 .game-row{
  min-height:58px !important;

  grid-template-columns:
   48px
   minmax(0,1fr)
   40px
   minmax(0,1fr) !important;

  gap:4px !important;

  padding:7px 6px !important;
 }

 .date{
  font-size:8px !important;
  line-height:1.35 !important;
 }

 .team{
  min-width:0;

  gap:4px !important;

  font-size:9px !important;
  line-height:1.2 !important;
 }

 .team img{
  width:27px !important;
  height:27px !important;

  flex:0 0 27px;
 }

 .score{
  font-size:17px !important;
 }

 .badge{
  width:18px !important;
  height:18px !important;

  font-size:9px !important;
 }

 /* =========================
    CLASSIFICACAO
    ========================= */

 .table-wrap,
 #ranking{
  width:100% !important;

  overflow-x:auto !important;
  overflow-y:hidden;

  -webkit-overflow-scrolling:touch;
 }

 #ranking table,
 .table-wrap table{
  min-width:540px;
 }

 #ranking table{
  font-size:9px !important;
 }

 #ranking th,
 #ranking td{
  padding:7px 4px !important;
 }

 .team-cell{
  min-width:145px;
 }

 .team-cell img{
  width:22px !important;
  height:22px !important;
 }

 /* =========================
    MAPAS MAIS JOGADOS
    ========================= */

 #maps.mc-map-grid-v2{
  display:grid !important;

  grid-template-columns:
   repeat(2,minmax(0,1fr)) !important;

  gap:6px !important;

  padding:7px !important;
 }

 .mc-map-card-v2{
  min-height:62px !important;

  border-radius:9px !important;
 }

 .mc-map-thumb-v2{
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;

  padding:5px !important;
 }

 .mc-map-thumb-v2 img{
  width:44px !important;
  height:44px !important;

  max-width:44px !important;
  max-height:44px !important;
 }

 .mc-map-info-v2,
 .mc-map-meta-v2{
  min-width:0;

  padding:6px 6px 6px 1px !important;
 }

 .mc-map-top-v2{
  gap:3px !important;
 }

 .mc-map-top-v2 strong,
 .mc-map-name-v2{
  font-size:9px !important;
 }

 .mc-map-top-v2 span{
  font-size:6px !important;
 }

 .mc-map-percent-v2,
 .mc-map-count-v2{
  margin-top:4px !important;

  font-size:15px !important;
 }

 .mc-map-bar-v2{
  height:3px !important;

  margin-top:4px !important;
 }

 /* =========================
    TIMES
    ========================= */

 .teams{
  width:100% !important;

  display:grid !important;

  grid-template-columns:
   repeat(2,minmax(0,1fr)) !important;

  gap:7px !important;

  padding:7px !important;
 }

 .team-card{
  min-width:0 !important;
  min-height:96px !important;

  padding:7px !important;

  border-radius:9px !important;

  font-size:9px !important;
 }

 .team-card img{
  width:49px !important;
  height:49px !important;

  margin-bottom:5px !important;
 }

 /*
  Quando o time esta expandido,
  ocupa as duas colunas.
 */
 #teams .team-card:has(table){
  grid-column:1 / -1 !important;

  width:100% !important;

  align-items:stretch !important;

  text-align:left !important;
 }

 #teams .team-card:has(table) img{
  margin-left:auto !important;
  margin-right:auto !important;
 }

 #teams table{
  width:100% !important;

  font-size:9px !important;
 }

 #teams th,
 #teams td{
  padding:7px 5px !important;
 }

 #teams th:first-child,
 #teams td:first-child{
  text-align:left !important;
 }

 #teams th:last-child,
 #teams td:last-child{
  width:70px;

  text-align:right !important;
 }

 /* =========================
    RATING
    ========================= */

 .rating-list{
  width:100% !important;

  display:grid !important;

  grid-template-columns:1fr !important;

  gap:6px !important;

  padding:7px !important;
 }

 .rating-card{
  min-height:58px !important;

  grid-template-columns:
   26px
   minmax(0,1fr)
   auto !important;

  padding:8px !important;
 }

 .rating-value{
  font-size:16px !important;
 }

 /*
  Botoes:
  Rating Total
  Desempenho por Mapa
  Partidas Oficiais
 */
 #rating a[href*="rating-total"],
 #rating a[href*="map-pool"],
 #rating a[href*="oficiais-partidas"]{
  width:100% !important;
  max-width:none !important;

  min-height:42px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:6px 0 !important;

  padding:10px !important;

  text-align:center !important;

  font-size:10px !important;
 }

 /* =========================
    ASSISTENTE
    ========================= */

 #pma-fab{
  right:10px !important;
  bottom:10px !important;

  min-height:42px !important;

  padding:9px 12px !important;
 }

 #pma-panel{
  left:8px !important;
  right:8px !important;

  bottom:62px !important;

  width:auto !important;
  max-width:none !important;

  height:min(68vh,560px) !important;
  max-height:68vh !important;

  border-radius:13px !important;
 }

 .pma-head{
  padding:10px !important;
 }

 #pma-chat{
  padding:10px !important;
 }

 .pma-inputbar{
  padding:8px !important;
 }

 #pma-input{
  min-width:0;
 }

 /* =========================
    PAGINAS SECUNDARIAS
    rating-total / map-pool
    ========================= */

 .back{
  display:inline-flex !important;

  align-items:center;
  justify-content:center;

  min-height:38px;

  padding:8px 11px !important;

  font-size:10px !important;
 }

 h1{
  overflow-wrap:anywhere;
 }

 table{
  max-width:100%;
 }

}

/* =========================
   CELULARES MUITO PEQUENOS
   ========================= */

@media (max-width:380px){

 .wrap{
  padding-left:5px !important;
  padding-right:5px !important;
 }

 .metrics{
  gap:5px !important;
 }

 .result-row,
 .game-row{
  grid-template-columns:
   43px
   minmax(0,1fr)
   35px
   minmax(0,1fr) !important;

  padding-left:4px !important;
  padding-right:4px !important;
 }

 .team{
  font-size:8px !important;
 }

 .team img{
  width:24px !important;
  height:24px !important;

  flex-basis:24px;
 }

 .score{
  font-size:15px !important;
 }

 #maps.mc-map-grid-v2{
  grid-template-columns:1fr !important;
 }

 .teams{
  grid-template-columns:
   repeat(2,minmax(0,1fr)) !important;
 }

}