/* ─────────── Game Main - Tablet (700-1279px) ─────────── */
.game-main {
  max-width: 1100px;
  padding: 16px 16px;
}

/* ─────────── FM-BOARD - Larghezza tablet ─────────── */
.fm-board {
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

/* ELEMENTI HEADER */
img.m {
  display: none;
}
img.d {
  display: inline;
}  
input.m { display: none; }
input.d { display: inline; }

#header_page {
  max-width: 1279px;    
  padding: 0 10px; 
  height: 50px;    
       /* stessa altezza mobile */
  margin: 0 auto;
}
#header_page ul {
  padding: 10px 0 0 0;   /* mantengo originale */
}


/* MAIN SHORTCUTS */
#main_shortcuts {
  max-width: 1279px;    
  padding: 0 10px; 
  margin: 0 auto;
}
#main_shortcuts ul {
  padding: 10px 0 0 0;
}
#menu_sfondo {
  background: transparent;
  margin: 0 auto;
  position:static;
  background-image: url('../img/imgMain/bg-image4.jpg');
  background-position: center top;                 
  background-size: 800px 600px;
  width: 580px;
    
  background-repeat: no-repeat;
  z-index: 500;
}  

/* MENU USER */
#menu_user {
  max-width: 1279px;    
  padding: 0 10px; 
  height: 30px;
  margin: 0 auto;
}
#menu_user ul {
  padding: 3px 0 0 0;
}

#menu_user_language {
  background-color: #080e14;
  padding: 8px 10px;
  max-width: 1279px;
  width: 100%;
  box-sizing: border-box;
}
#menu_user_language img.d {
  display: none;
}
#menu_user_language img.m {
  display: inline-block;
}

/* SEPARATORE (menu_linea) */
#header_linea {
  width: 100%;
  max-width: 1279px;
  padding: 0 10px;
  height: 1.5px;
  margin: 0 auto;
  box-sizing: border-box; /* vedi punto 1 */
}
/* FOOTER - Override tablet (max-width only) */
#footer_page {
  max-width: 1279px;
}

/*ELEMENTI CONTAINER*/
#main_box {
  max-width: 1279px;    
  padding: 0 10px; 
  
}

#box_iubenda {
  max-width: 1279px;               
  
} 
@media (min-width:750px){
  #layout_blocks{
    column-count: 2;
  }
}
@media (min-width:750px) and (max-width:850px) {
  .fm-board .cw-table.cw-roster .ml-name .flag{ display:none; }
}
table.generica_black td.riga_scura, table.generica_black td.riga_scura_border, table.generica_black td.riga_scura_border_y,
table.generica_black td.riga_scura_border_left, table.generica_black td.riga_scura_border_right,
table.generica_black td.riga_scura_border_left_y, table.generica_black td.riga_scura_border_right_y,
table.generica_black td.riga_chiara, table.generica_black td.riga_chiara_border, table.generica_black td.riga_chiara_border_y,
table.generica_black td.riga_chiara_border_left, table.generica_black td.riga_chiara_border_right,
table.generica_black td.riga_chiara_border_left_y, table.generica_black td.riga_chiara_border_right_y { font-size: 12px; }

table.generica_black td.por_low, table.generica_black td.dif_low, table.generica_black td.med_low,
table.generica_black td.cen_low, table.generica_black td.tre_low, table.generica_black td.att_low { font-size: 12px; }

table.formazioni-precedenti > tbody > tr > td.black * { font-size: 11px !important; }
#box_spacer_10,
#box_spacer_20,
#box_spacer_30 {
  background: transparent;
    margin: 0 auto;        
  position: static;
    max-width: 1279px;    
    padding: 0 10px;     
}
.solo_mobile {
  display: none;
}
.solo_tablet {
  display: inline;
}
.solo_desktop {
  display: none;
}
/*ELEMENTI*/
/* Responsive: un po' più compatto su mobile */

  .btn-custom{
    padding: 8px 10px;
    font-size: 12px;
  }



p.text_12_b {
  font-size : 16px;
  font-weight: bold;
} 
p.text_12_y {
  font-size : 16px;
  
}  
p.text_22_y {
  font-size : 26px;

}
p.text_22_b {
  font-size : 26px;
}
p.text_normal {
  font-size : 13px;
  font-weight: bold;
}  
p.text_red {
  font-size : 12px;
}   
a.white_12_b:link,
    a.white_12_b:visited,
    a.white_12_b:hover,
    a.white_12_b:active{
      font-size: 13px;
    }
a.nero_13_b:link,
    a.nero_13_b:visited,
    a.nero_13_b:hover,
    a.nero_13_b:active,
    a.white_11_b:link,
    a.white_11_b:visited,
    a.white_11_b:hover,
    a.white_11_b:active,
    a.yellow_11_b:link,
    a.yellow_11_b:visited,
    a.yellow_11_b:hover,
    a.yellow_11_b:active {
        font-size: 12px;
    }

.j_rigori_selez {
  background-color: #101820; /* grigio medio */
  color: white; /* white */
  font-size : 12px;
  font-weight: bold;                        
  max-height: 33px;        
  cursor: pointer;                
} 
table.generica_black td.intestazione_y {
 
  font-size: 12px;
  
}
table.generica_black td.intestazione_r {
  
  font-size: 12px;
  
}
table.generica_black td.intestazione_c {
  
  font-size: 12px;
  
}
/* PERSONALIZZAZIONE PAGINE*/
/* Search panel*/

.show-more-button {
  font-size: 12px;          /* passo a 12px su tablet */
  padding: 6px 16px;        /* più spazio interno */
  border-radius: 5px;
}
.show-more-cell {
  padding: 8px 0;          /* più margine verticale */
}
#box_rigoristi {
  max-width: 1279px;    
  
  
}
.messaggi {
  min-width: 500px;
  max-width: 710px; /* limite tablet */
  justify-content: center;
}
.tattica-entry label {
  font-size: 12px;
}
  .tattica-entry span,
.tattica-entry select {
font-size:12px;
}
span.tattica-valore {
  font-size: 12px;
}
select.tattica-valore{
  font-size: 12px;
}
/* tablet.main.css — override su tablet e piccoli desktop */
.tattica-col {
flex: 1 1 calc(33.33% - 8px); /* 3 colonne orizzontali */
}

.tattica-col:nth-child(3n) {
flex: 1 1 calc(33.33% - 8px); /* non serve più farla andare a capo */
}

/* === HOME: override tablet (600–1279) === */
.card{
  background: rgba(255,255,255,0.04);
  backdrop-filter: blur(2px);      /* riattivo il blur leggero su tablet */
  /* resto eredita dal mobile */
}
.cards-grid{
  grid-template-columns: repeat(3, minmax(0,1fr));
}
.cards-grid{
  width: 100% !important;
  min-width: 100% !important;
  justify-content: stretch;   /* non centrare, riempi */
}
/*Dashboard Squadra.php*/
.reveal{
  
  max-width:1279px;          /* spostato qui */
  
}
.cards-grid[data-grid="market"]{
  grid-template-columns: repeat(2, minmax(0,1fr)); /* 2 card per riga */
}
/* specificità alta per vincere su .cards-grid e [data-grid="market"] */
.fm-board .cards-grid[data-grid="market"].cards-grid--single{
  /* una colonna contenuta e centrata */
  grid-template-columns: minmax(260px, 520px) !important;
  justify-content: center !important;

  /* annulla i vincoli globali che forzano full width */
  width: auto !important;
  min-width: 0 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   RESPONSIVE OVERRIDES - TABLET (700-1279px)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ─────── Match Layout (≥700px) ─────── */
@media (min-width:700px){
  .match-layout{ grid-template-columns:1fr 1fr; }
}

/* ─────── Cards & Images (≥760px) ─────── */
@media (min-width:760px){
  .cards-grid[data-grid="spy"]{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  /* Variante centrata a singola colonna per spy (diretta/match/classifiche) */
  .fm-board .cards-grid[data-grid="spy"].cards-grid--single{
    grid-template-columns: 1fr !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .logo-frame{ width:85px; }
  .kit-frame { width:75px; }
  #competizioni-root .steps-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  #competizioni-root #wrap-divisioni{ grid-column:1 / -1; }
}

/* ─────── Observer Grid (≥960px) ─────── */
@media (min-width:960px){
  .obs-grid{ grid-template-columns:repeat(4, minmax(0,1fr)); }
}

/* ─────── Competizioni 3 Col (≥1100px) ─────── */
@media (min-width:1100px){
  #competizioni-root .steps-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  #competizioni-root #wrap-divisioni{ grid-column:auto; }
}

/* ─────── Header Rigori (≥1110px) ─────── */
@media (min-width:1110px){
  #headerContainer{
    flex-direction:row-reverse;
    justify-content:space-evenly;
    align-items:center; 
  }
  #simRow, #ordinaRow, #topRow {
    align-self: flex-start;
  }
  #guidaBlock{
    align-self: center;
  }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   NEW SKIN - TABLET OVERRIDES (≥700px)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ─────────── Event Matchup ─────────── */
.event-matchup{
  flex-direction:row !important;
  gap:6px !important;
}

/* ─────────── Auth Header & Dropdown ─────────── */
.auth-header{
  padding:14px 16px;
}

.auth-header__logo-img{
  height:26px;
}

.auth-header__logo-img--live{
  height:36px;
}

.auth-dropdown__trigger{
  padding:8px 12px;
  font-size:13px;
  gap:6px;
  max-width:none;
}

.auth-dropdown__arrow{
  font-size:8px;
}

.auth-dropdown__menu{
  min-width:140px;
  padding:6px;
  border-radius:10px;
  top:calc(100% + 6px);
}

.auth-dropdown__item{
  padding:10px 14px;
  font-size:13px;
  gap:10px;
  margin-bottom:4px;
  border-radius:6px;
}

.auth-dropdown__item span{
  font-size:14px;
}

.auth-dropdown__item-arrow{
  font-size:14px;
  margin-right:8px;
}

.auth-dropdown__item-icon{
  font-size:16px;
  margin-left:10px;
}

.auth-dropdown__submenu{
  right:calc(100% + 8px);
  min-width:130px;
  padding:6px;
  border-radius:10px;
}

.auth-dropdown__subitem{
  padding:10px 14px 10px 32px;
  font-size:13px;
  margin-bottom:4px;
  border-radius:6px;
}

.auth-dropdown__subitem span{
  font-size:16px;
  left:10px;
}

.game-main{
  padding:14px 16px;
  max-width:1279px;
}

.game-main--top{
  padding-top:20px;
}

.game-page::before{
  width:320px;
  height:320px;
  top:-120px;
  left:10%;
}

.game-page::after{
  width:260px;
  height:260px;
  bottom:-100px;
  right:5%;
}

/* auth: Stili responsive spostati in css/auth.css */

/* ─────────── FM Sticky Table ─────────── */
.fm-sticky-table { font-size: 12px; }
.fm-sticky-table td,
.fm-sticky-table th { height: 42px; padding: 0 10px; }

/* Mostra # da tablet in su, nasconde rail */
.fm-sticky-table:not(.schedina-table) .col-num { 
  display: table-cell !important;
  width: 36px; 
  min-width: 36px; 
  max-width: 36px; 
}
.fm-sticky-table:not(.schedina-table):not(.economia-contratti-table) .col-name { 
  left: 36px;
}

/* economia-contratti-table: Stili spostati in css/economia.css */
.fm-sticky-table .col-name::before {
  display: none !important;
}

/* Footer tabella - testo più grande su tablet */
.fm-sticky-footer {
  font-size: 14px;
  padding: 14px 16px;
}

/* Abilità tabella - SPOSTATO IN css/player.css */

/* ─────────── FM Card Grid ─────────── */
.fm-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 14px;
  max-width: 800px;
}
.fm-card-grid__item { padding: 14px 10px; }
.fm-card-grid__img { width: 60px; height: 40px; }
.fm-card-grid__label { font-size: 11px; }

/* ─────────── FM Section & Page Title ─────────── */
.fm-page-title h1 { font-size: 22px; }
.fm-section__team-name { font-size: 22px; }
.fm-section__team-flag { width: 60px; height: 40px; }


/* ─────────── Onboard Container (≥768px) ─────────── */
@media (min-width:768px){
  .onboard-container{
    flex-direction:row;
    flex-wrap:wrap;
    padding:0;
  }
  
  .onboard-panel--worlds{
    flex:1 1 45%;
  }
  
  .onboard-panel--form{
    flex:1 1 45%;
  }
  
  .onboard-panel--details{
    flex:1 1 100%;
  }
  
  .onboard-welcome__title{
    font-size:28px;
  }
}

/* ─────────── FM Hero & Onboard (≥1024px) ─────────── */
@media (min-width:1024px){
  .fm-hero__media .logo-frame{
    width:calc(80% * var(--frame-scale,1)) !important;
    max-width:110px !important;
  }
  .fm-hero__media .kit-frame{
    width:calc(65% * var(--frame-scale,1)) !important;
    max-width:110px !important;
  }
  .fm-hero__media .media-card__body{
    min-height:110px;
  }
  .fm-hero__tiles-wrapper{
    gap:14px;
  }
  .fm-hero__tiles .fm-tile{
    padding:12px 14px;
    min-height:60px;
  }
  .fm-hero__tiles .chip-static.chip--ok,
  .fm-hero__tiles .chip-static.chip--warn{
    font-size:12px;
  }
  .fm-hero__tiles .fm-tile__key{
    width:28px;
  }
  .fm-hero__tiles .fm-tile__key .i{
    width:26px;
    height:26px;
  }
  .fm-hero__tiles .fm-v-main{
    font-size:14px;
  }
  .fm-hero__tiles .fm-v-sub{
    font-size:13px;
  }
  .fm-hero__tiles-row .fm-tile__key{
    width:22px;
  }
  .fm-hero__tiles-row .fm-tile__key .i{
    width:20px;
    height:20px;
  }
  
  .onboard-container{
    gap:24px;
    padding:0;
  }
  
  .onboard-worlds{
    max-height:400px;
  }
  
  .onboard-welcome__title{
    font-size:32px;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   POPUP CLOUD - Override tablet (>=700px)
   ═══════════════════════════════════════════════════════════════════════════ */
.popup-cloud {
  min-width: 300px;
  max-width: 340px;
  border-radius: 16px;
}

.popup-card {
  padding: 22px;
}

.popup-card__title {
  font-size: 14px;
}

.popup-card__item {
  font-size: 13px;
}

.popup-card__link {
  font-size: 12px;
  padding: 11px 28px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MESSAGGI - Override tablet (>=700px)
   ═══════════════════════════════════════════════════════════════════════════ */
.fm-messages-wrap {
  padding: 16px;
}

.fm-messages-date {
  font-size: 12px;
}

.fm-message-item {
  font-size: 14px;
  padding: 12px 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   GAME MENU - Override tablet (>=700px)
   ═══════════════════════════════════════════════════════════════════════════ */

.game-header__logo-img {
  height: 28px;
}

.game-header__logo-img--live {
  height: 32px;
}

.game-dropdown__trigger {
  padding: 8px 12px;
}

.game-dropdown__label {
  max-width: 120px;
}