/*
Theme Name: Kadence Child
Template: kadence
*/



/*deplace logo page accueil*/
.site-header-row-container-inner .site-container{
	margin:inherit
}

/*taille colonnes page accueil*/

.wp-block-columns > .wp-block-column:nth-child(1) {
    flex-basis: 15% !important;
	padding-left: 10px;
}

.wp-block-columns > .wp-block-column:nth-child(2) {
    flex-basis: 65% !important;
}

.wp-block-columns > .wp-block-column:nth-child(3) {
    flex-basis: 20% !important;
	padding-right: 10px;
}


/********* POSITIONNEMENT DES SIDEBARS ************/

/* Positionnement de la sidebar de gauche */

.match-sidebar-left {
    float: left;
    width: 15%;
    padding-left: 10px;
  }
  
  
  
  /* Positionnement de la sidebar de droite */
  .match-sidebar-right {
    float: right;
    width: 20%;
    padding-right: 10px;
  }

 /* Positionnement de la sidebar de gauche page competition*/

 .competition-sidebar-left {
    float: left;
    width: 15%;
    padding-left: 10px;
  }
  
  
  
  /* Positionnement de la sidebar de droite page competition */
  .competition-sidebar-right {
    float: right;
    width: 20%;

  } 
   
  
  /* Positionnement de la sidebar de gauche page club */
  
  .club-sidebar-left {
    float: left;
    width: 15%;
    padding-left: 10px;
  }
  
  
  
  /* Positionnement de la sidebar de droite page club */
  .club-sidebar-right {
    float: right;
    width: 20%;
    padding-right: 10px;
  }

  /* Positionnement de la sidebar de gauche page player */
  
  .player-sidebar-left {
    float: left;
    width: 15%;
    padding-left: 10px;
  }
  
  
  
  /* Positionnement de la sidebar de droite page player */
  .player-sidebar-right {
    float: right;
    width: 20%;
  }

   /* Positionnement de la sidebar de gauche page referee */
  
   .referee-sidebar-left {
    float: left;
    width: 15%;
  }

  /* Positionnement de la sidebar de gauche page stadium */
  
  .stadium-sidebar-left {
    float: left;
    width: 15%;
  }
  
  
  
  /* Positionnement de la sidebar de droite page stadium */
  .stadium-sidebar-right {
    float: right;
    width: 20%;
  }
  
  
  
  /* Positionnement de la sidebar de droite page referee */
  .referee-sidebar-right {
    float: right;
    width: 20%;
  }



   /* Positionnement de la sidebar de gauche page staff */
  
   .staff-sidebar-left {
    float: left;
    width: 15%;
  }
  
  
  
  /* Positionnement de la sidebar de droite page staff */
  .staff-sidebar-right {
    float: right;
    width: 20%;
  }


  /* Positionnement de la sidebar de gauche page standing */
  
  .standing-sidebar-left {
    float: left;
    width: 15%;
  }
  
  
  
  /* Positionnement de la sidebar de droite page standing */
  .standing-sidebar-right {
    float: right;
    width: 20%;
  }

  /* coloration classement*/

  .anwpfl-standings__highlight {
    background-color: #ffd700!important;
  }

  
/* pading sur la page club*/
.entry-content-wrap {
    padding: 0rem !important;
  }
  .content-area {
    margin:  0!important;;
  }

  #primary{
	display: flex !important;
  }

  #primary .content-container{
	width: 100%;
}

/* ne pas afficher le titre de la competition css provisoire  */
.standing__title{
    display: none;
    }


    /* prono test */

    .prono-selected {
        background-color: #007bff;
        color: #ffffff;
    }
    .prono-done-message {
        color: #999;
        font-size: 14px;
        text-align: center;
        display: block;
      }
    
      #btts-chart {
        width: 200px !important;
        height: 200px !important;
        max-width: 200px !important;
        max-height: 200px !important;
    }
    
    #over-1_5-chart{
        width: 200px !important;
        height: 200px !important;
        max-width: 200px !important;
        max-height: 200px !important;
    }
    
    #over-2_5-chart{
        width: 200px !important;
        height: 200px !important;
        max-width: 200px !important;
        max-height: 200px !important;
    }
    
    .prono:hover{
        background: var(--global-palette-btn-bg);
        border-radius: 4px;
        color: white;
        font-weight: bold;
    }
    
    .prono-over-1_5:hover{
        background: var(--global-palette-btn-bg);
        border-radius: 4px;
        color: white;
        font-weight: bold;
    }
    
    .prono-over-2_5:hover{
        background: var(--global-palette-btn-bg);
        border-radius: 4px;
        color: white;
        font-weight: bold;
    }
    
    
    #my_1x2-chart{
        width: 265px !important;
        height: 265px !important;
        max-width: 265px !important;
        max-height: 265px !important;
    }
    
    #my_over_1_5chart{
        width: 265px !important;
      height: 265px !important;
      max-width: 265px !important;
      max-height: 265px !important;
      }
      #my_over_2_5chart{
        width: 265px !important;
      height: 265px !important;
      max-width: 265px !important;
      max-height: 265px !important;
      }
      #my_bttschart{
        width: 265px !important;
      height: 265px !important;
      max-width: 265px !important;
      max-height: 265px !important;
    }
    
    .chart-container {
        display: flex;
        justify-content: center;
        align-items: center;
      
        
    }
    
    .custom-legend {
        display: flex;
    /*justify-content: center;*/
        align-items: center;
        margin-top: 0.5em;
    }
    
    .legend-item {
        width: 75px;
        border-left: 1px solid #394264;
        text-align: center;
        background: #50597b;
        color: white;
        font-weight: bold;
    }
    
    .color-box {
        
        height: 10px;
        
    }
    
    .validate-prono-container {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    
    .full-width {
        width: 100%;
    }
    
    .prono-container {
        display: flex;
        justify-content: space-between;
        width: 100%;
        background: black;
        color: white;
        font-size: 25px;
        
        
        
    }
    /*.validate-prono-container{
        background: rgb(33, 206, 10);
        color: white;
        font-weight: bolder;
        font-size: 25px;
        
    }*/
    .prono-1x2 {
        flex: 1;
    }
    .prono-over-1_5 {
        flex: 1;
    }
    .prono-1x2_voted {
        flex: 1;
    }
    
    .prono-btts {
        flex: 1;
    }
    .prono-btts_voted {
        flex: 1;
    }
    .prono-over-2_5_voted {
        flex: 1;
    }
    
    .prono-over-2_5 {
        flex: 1;
    }
    
    .prono-over-1_5_voted {
        flex: 1;
    }
    .validate-prono-1x2 {
        width: 100%;
    }
    .validate-prono-over-1_5 {
        width: 100%;
    }
    .validate-prono-over-2_5 {
        width: 100%;
    }
    .validate-prono-btts {
        width: 100%;
    }
    .panel-body{
        width: 265px;
        text-align: center;
      }
    
      .club-name {
        color: white;
        margin: auto;
        margin-bottom: 0px!important;
      }
      .vote {
        color: white;
        margin: auto;
        margin-bottom: 0px!important;
    }
      .kikoo{
        margin-bottom: 0px!important;
    }
    .zone_prono {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      
      .zone_shortcode {
        margin-left: 20px; /* Ajoute un espacement à gauche de chaque div intérieure */
        margin-right: 20px; /* Ajoute un espacement à droite de chaque div intérieure */
        box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.1); /* Ajoute une ombre aux divs intérieures */
      }
      
      .zone_shortcode:first-child {
        margin-left: 0; /* Supprime l'espacement à gauche de la première div intérieure */
      }
      
      .zone_shortcode:last-child {
        margin-right: 0; /* Supprime l'espacement à droite de la dernière div intérieure */
      }

      /*missed*/
      .player-photo-missed{
        width: 60px;
        border-radius: 10px;
      }

      .name_flag{
        display: flex;
      }


      /*footer*/
      .site-footer .match-list--shortcode {
        display: flex;
        flex-wrap: wrap;
        line-height: 1.2;
      }

      .site-footer .anwp-fl-link{
        color:white !important;
      }

      .textwidget{
        color: white;
      }

      .referee-photo{
        width: 60px;
      border-radius: 10px;
      }
/*logo page compet*/
      .flex-nowrap-custom {
        overflow-x: auto;
    }

    

     /* mettre drapeau a gauche calendar*/
  .anwp-fl-calendar-slider .anwp-fl-block-header .options__flag {
    margin-left: auto !important;
    }

    /* Déplace le menu sous le logo */
@media (min-width: 768px) {
  /* Modifier les valeurs selon vos besoins */
  .site-header .logo-container {
    order: 1;
    margin-bottom: 20px;
  }
  
  .site-header .main-navigation {
    order: 2;
  }
}


/*  menu page accueuil*/

.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a {
  
  color: white !important;
  background: orange;
}

.main-navigation .primary-menu-container > ul > li.menu-item > a {
  color: #FFF!important;
  font-weight: bolder;
}

/*formation page match*/

.match-formation__player-name {
  color: white;
  font-weight: bold;
  font-size: 13px;
  background: black;
  padding: 4px;
  border-radius: 12px;
}

.match-formation .match-formation__player_shirt .match__player-rating {
  font-weight: bold;
  font-size: 15px;
  border-radius: 10px;
  border: white 1px solid;
}

/* pour pas que les commentaires soit fixés en haut*/
@media screen and (min-width: 767px) {
  .reply {
   position: inherit!important;
 
  }
}

/* bbpress like */

body a.bbp-like-button {
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}


.bbp-like-button.liked i.fas.fa-thumbs-up {
  color: orange;
  font-size: 20px;
}

/* description topic */ 

div.bbp-template-notice.info {
  border: #ee891d 1px solid !important;
  background-color: #ee891d!important;
}

div.bbp-template-notice li, div.bbp-template-notice p {
  font-size: 15px!important;
  color: white;
  font-weight: bold;
}

/* avatar topic */ 

#bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar {
  border-radius: 25px;
  border: #ef8a1e 3px solid !important;
}

/* pseudo user topic */ 

#bbpress-forums a, #bbpress-forums a:hover {
  
  text-decoration: none;
}

.bbp-author-name {
  
  color: black;
  font-size: 13px;
  font-weight: bold;
}

.anwp-b-wrap .anwp-icon.anwpfl-icon--shirt {
  
  height: 47px !important;
  
}

/* match scoreboard*/

.match-scoreboard__header {
  background-color: transparent!important;

}

.match-scoreboard__inner {
  background-color: transparent!important;
}

.match-scoreboard__footer {
  background-color: transparent!important;
}
/*timeline*/

.match .match-timeline {
  background-color: transparent!important;
}

.match .match-timeline__progress-filled {
  background-color: #ffd700!important;
  border-radius: 10px;
}

.match .match-timeline__progress {
  background-color: transparent!important;
}

.match-timeline__progress-filled .anwp-text-white{
	font-weight: bold !important;
font-size: 16px !important;
}

/* icone share */

.heateor_sss_sharing_ul  {
	 
  justify-content: space-between;
  display: flex; 
  
}
@media screen and (max-width: 768px) {
  /* Styles à appliquer lorsque la largeur de l'écran est inférieure ou égale à 768px */
  /* Définissez ici les styles pour les écrans de petite taille */
	.heateor_sss_sharing_ul {
		flex-wrap: wrap;
	}
	
	
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* Styles à appliquer lorsque la largeur de l'écran est comprise entre 769px et 1024px */
  /* Définissez ici les styles pour les écrans de taille moyenne */
	
	.heateor_sss_sharing_ul {
		flex-wrap: wrap;
	}
}

@media screen and (min-width: 1025px) {
  /* Styles à appliquer lorsque la largeur de l'écran est supérieure ou égale à 1025px */
  /* Définissez ici les styles pour les grands écrans */
}

/*   Breadcrumb test */

#breadcrumbs {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: space-between;
  list-style: none;
  background-color: #e4e7ee;
  padding-top: 15px
}
  
#breadcrumbs span {
  color: #8093a7;
  font-family: verdana;
  font-size: 1vw; /* Use vw unit for dynamic adjustment */
  font-weight: 600;
  text-decoration: none;
  position: relative;
  background: #f3f5fa;
  display: flex;
  align-items: center;
  height:2vw; /* Use vw unit for dynamic adjustment */
  text-align: center;
  padding-right: 2vw; /* Use vw unit for dynamic adjustment */
  padding-left: 2vw; /* Use vw unit for dynamic adjustment */
  
}
  
#breadcrumbs span a {
  color: inherit;
  text-decoration: none;
  font-weight: bold;
}
  
#breadcrumbs span:last-of-type {
  background-color: #FF6600;
  color: #fff;
  flex-grow: 1;/*div va au fond de la div */
}
  
#breadcrumbs span:not(:first-of-type):before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 2vw solid white; /* Use vw unit for dynamic adjustment */
  border-top: 1vw solid transparent; /* Use vw unit for dynamic adjustment */
  border-bottom: 1vw solid transparent; /* Use vw unit for dynamic adjustment */
  z-index: 1;
}

#breadcrumbs span:not(:last-of-type):after {
  content: "";
  position: absolute;
  right: -1vw; /* Use vw unit for dynamic adjustment */
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 2vw solid #f3f5fa; /* Use vw unit for dynamic adjustment */
  border-top: 1vw solid transparent; /* Use vw unit for dynamic adjustment */
  border-bottom: 1vw solid transparent; /* Use vw unit for dynamic adjustment */
  z-index: 2;
}
  
#breadcrumbs span:hover {
  background: #FF6600;
  color: #fff;
}
  
#breadcrumbs span:hover:before {
  border-left: 2vw solid white; /* Use vw unit for dynamic adjustment */
}

#breadcrumbs span:hover:after {
  border-left: 2vw solid #FF6600; /* Use vw unit for dynamic adjustment */
  position: absolute;
  z-index: 2;
}

#breadcrumbs span:first-of-type {
  padding-left: 0;
}

#breadcrumbs span:first-of-type a {
  padding-left: 5vw; /* Use vw unit for dynamic adjustment */
}
#breadcrumbs{
  margin: 0;
}

/* style liste competition*/

#primary {
  background-color: #e4e7ee;
}

.anwp-fl-border-top {
  border-top-style: none !important;
 
}

.anwp-fl-border-bottom {
  border-bottom-style: none !important;
 
}

.elementor-element .elementor-widget-container {
 
  background-color: white;
  border: 4px solid ghostwhite;
  /*border-radius: 10px;*/
  
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.1);
  margin: 10px;
    
}

.anwpfl-widget-competition-list {
	background-color: white;
  border: 4px solid ghostwhite;
  /*border-radius: 10px;*/
  
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.1);
  margin-top: 15px !important;
}

.match-sidebar-right, .match-sidebar-left  {
	background-color: #e4e7ee;
}

.competition-sidebar-left, .competition-sidebar-right {
	background-color: #e4e7ee;
}

.club-sidebar-left, .club-sidebar-right {
	background-color: #e4e7ee;
}

.player-sidebar-left, .player-sidebar-right {
	background-color: #e4e7ee;
}

/*tableau classement */
#display_league_standings_widget-2{
	background-color: white;
  border: 4px solid ghostwhite;
  /*border-radius: 10px;*/
  
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.1);
  margin-top: 15px;

}

/* fond anwp */
.entry-content-wrap {
  padding: 2rem;
  /*background-color: #e4e7ee;*/
  /*margin-top: 15px;*/
}

.anwp-b-wrap.anwp-fl-builder{
	background-color: #e4e7ee;
}

#fl_plus_independent_calendar_widget-2 {
  background-color: white;
  border: 4px solid ghostwhite;
  /*border-radius: 10px;*/
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.1);
 
}

#fl_plus_independent_calendar_widget-2 > div {
  background-color: initial;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
}

/* fond tab match*/

.anwp-fl-builder__tabs-content-wrapper{
	background-color: white;
}

.anwp-navbar__item {
	border-radius: 4px;
	background-color: white;
  border: 4px solid ghostwhite;
  
  
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.1);
}



.anwp-fl-builder__tabs .d-flex {
	background-color: #e4e7ee;
}

.anwp-navbar__item.anwp-active-tab {
  background-color: white !important;
}
/*style titre list competition*/
.anwpfl-widget-competition-list h2 {
  background: #FF6600;
  color: white;
  text-align: center;
  margin: 5px;
  font-size: 24px;
}


/*entete page ligue*/

.competition__inner .anwp-fl-builder__top {
  /*background-color: white; */
margin: 0 !important;
/*padding-top: 15px;*/
}

.competition__inner .competition-header{
	margin-bottom: 15px;
}

.competition__inner .anwp-fl-builder__tabs-content-wrapper{
	padding: 15px;
}


.competition__inner .anwp-fl-builder-block{
padding-left: 0px !important;

  padding-right: 0px !important;
padding-bottom: 30px !important;
}


.competition-sidebar-right .anwpfl-widget-premium-stat-players{
	background-color: white;
	background-color: white;
  border: 4px solid ghostwhite;
  /*border-radius: 10px;*/
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.1);
}

.competition-sidebar-right{
	padding-right: 15px;
  padding-top: 15px;
}

.anwpfl-widget-premium-stat-players h2{
	background: #FF6600;
  color: white;
  text-align: center;
  margin: 5px;
  font-size: 24px;
}

/*centrer logo club page competition */
.anwp-b-wrap .clubs-shortcode .d-flex{
	justify-content: space-between;
}

/*tableau classement page club */
#display_club_competition_standings_widget-2{
	background-color: white;
  border: 4px solid ghostwhite;
  /*border-radius: 10px;*/
  
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.1);
  margin-top: 15px;

}



/* titre prochain match page club*/
#fl_plus_auto_next_match_widget-2 h2{
	
  background: #FF6600;
  color: white;
  text-align: center;
  /*margin: 5px;*/
  font-size: 24px;

}

/* couleur score page club */
.anwp_club .match-slim__scores-number{
	color: white;
	font-weight: bold;
}

/* ne pas afficher home/away tableau de classement */

.match-sidebar-right .anwp-fl-standing-filter{
  display: none !important;
}

.club-sidebar-right .anwp-fl-standing-filter{
  display: none !important;
}

/* style et couleur du countdown*/

.anwp-fl-pro-game-countdown__path-elapsed {
  fill: none;
  stroke: #fff; /* blanc pour le cercle complet */
  stroke-width: 5;
}

.anwp-fl-pro-game-countdown__path-remaining-days {
  fill: none;
  stroke: #FF6600; /* orange footgame pour les jours */
  stroke-width: 5;
}

.anwp-fl-pro-game-countdown__path-remaining-hours {
  fill: none;
  stroke: #FF69B4; /* rose fluo pour les heures */
  stroke-width: 5;
}

.anwp-fl-pro-game-countdown__path-remaining-minutes {
  fill: none;
  stroke: #FFFF00; /* jaune fluo pour les minutes */
  stroke-width: 5;
}

.anwp-fl-pro-game-countdown__path-remaining-seconds {
  fill: none;
  stroke: #7FFF00; /* vert fluo pour les secondes */
  stroke-width: 5;
}

.chart-container {
  
  background-color: white;
}

/* style container vote prono done */

.user_prono_finished p {
	margin-bottom: 0px !important;
	color: white;
	
}

.user_prono_finished .prono-done-message{
	color: white;
	font-size: px;
	font-weight: bold;
	
}

/*timeline page match*/ 

.match .match-timeline{
	background-image: url('https://footgame.fr/wp-content/uploads/2023/08/stade3_bas.jpg');

  background-position-x: 50%;
  background-position-y: 50%;
  background-repeat: no-repeat;

}
.match .match-timeline {

  padding-bottom: 2.5rem !important;
	
margin-top: -49px !important;
}

/* cacher match live calendar page home */
#upcoming .fl-match-is-live {display: none !important;}

/*police tab inactive calendar page home*/
.tab-btn {
  color: black; /* Définit la couleur du texte en noir */
  font-weight: bold; /* Rend le texte en gras */
}

.tab-btn.active {
  color: inherit; /* Rétablit la couleur du texte pour les onglets actifs si nécessaire */
  font-weight: normal; /* Rétablit le poids de la police pour les onglets actifs si nécessaire */
}
/*rond live*/
/* Ajouter cette règle CSS pour animer le cercle */
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

/* Style du cercle */
.blinking-circle {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: orange;
  border-radius: 50%;
  animation: blink 1s infinite;
}
/*tab*/
.footgame-competition-name{
	font-size: 20px;
	font-weight: bold;
	margin-left: 20px;
	
}
.footgame-header-calendar-tab{
	display: flex;
  align-items: center;
margin-top: 20px;
  margin-bottom: 10px;
  border-bottom: 2px solid #ced4da;
text-transform: uppercase;
  word-spacing: 1px;
border-radius: 4px;
  background-color: white;
  border: 4px solid ghostwhite;
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.1);
min-height: 80px;
}
.competition-country-name{
	font-size: 20px;
	font-weight: bold;
	margin-left: 20px;
	
}
.competition-country{
	display: flex;
  align-items: center;
	
}

.kiki {
  display: flex;
  align-items: center;
  float: right !important;
  position: absolute;
  float: right !important;
  right: 16px;
}

/* sidebar left home*/
.elementor-widget-wp-widget-anwpfl-widget-competition-list h5 {
  background: #FF6600;
  color: white;
  text-align: center;
  margin: 5px !important;
  font-size: 24px;
}


/* optimisation mobile */

/* header*/



.popup-drawer .drawer-inner { /*largeur inner*/
  
  max-width: 100% !important;
  
  
}

#mobile-drawer .drawer-inner/*, #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg, #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.pop-animated.show-drawer .drawer-inner*/{
  background: transparent !important;;
}

.popup-drawer .drawer-content {
  
  background-color: #e4e7ee !important;
}

.popup-drawer .drawer-overlay {
  background-color: inherit !important;
 
}

.popup-drawer .drawer-header .drawer-toggle {
  background: #e4e7ee !important;
 
  color: var(--global-palette5) !important;
}

.popup-drawer .drawer-header .drawer-toggle {

  
  height: inherit !important;
 
  
  border-radius: 6px !important;
}



/* =========================================================
   Base responsive propre (GRID unique)
   ========================================================= */

/* --- 1) Réglages généraux / conteneurs / full-bleed --- */

/* Conteneur large avec marges fluides */
.container-page{
  max-width: min(1600px, 100% - 2rem);
  margin-inline: auto;
}

/* Sections plein écran (hero / timeline) */
.full-bleed{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Anti-scrollbar horizontale due à 100vw */
body{ overflow-x: clip; }

/* Typo & espaces fluides */
:root{
  --fs-body: clamp(0.95rem, 1.2vw, 1.1rem);
  --gap: clamp(12px, 1.8vw, 24px);
  --gutter: clamp(12px, 2vw, 24px); /* pour cohérence avec le reste */
}
body{ font-size: var(--fs-body); }
.section{ padding-block: var(--gap); }

/* Bloquer la largeur des blocs WP non-full/large */
.entry-content > .wp-block-group:not(.alignfull):not(.alignwide),
.entry-content > .wp-block-cover:not(.alignfull):not(.alignwide),
.entry-content > .wp-block-columns:not(.alignfull):not(.alignwide) {
  max-width: min(1600px, 100% - 2rem);
  margin-inline: auto;
}

/* Cacher le fil d’Ariane en mobile */
@media (max-width: 768px) {
  #breadcrumbs { display: none !important; }
}

/* --- 2) Layout page match (GRID 3 → 2 → 1 colonnes) --- */

/* Base desktop : 3 colonnes (garde-fous constants) */
.match-layout{
  display: grid;
  grid-template-columns:
    minmax(220px, 16%)  /* aside gauche */
    minmax(640px, 1fr)  /* contenu */
    minmax(280px, 23%); /* aside droite */
  gap: var(--gutter);
  align-items: start;
}

/* Nommer clairement les asides si pas déjà fait en HTML (classes attendues) */
.match-aside-left  { }
.match-aside-right { position: sticky; top: 10px; }

/* 2 colonnes entre 1024px et 1279.98px : gauche + contenu, droite passe dessous */
@media (max-width:1279.98px) and (min-width:1024px){
  .match-layout{
    grid-template-columns: minmax(220px, 28%) 1fr;
  }
  .match-aside-right{
    grid-column: 1 / -1;      /* la sidebar droite s'empile sous le contenu */
    position: static;         /* plus de sticky lorsqu'elle passe dessous */
    margin-top: var(--gutter);
  }
}

/* 1 colonne en tablette paysage / petit laptop : asides sous le contenu */
@media (max-width:1023.98px) and (min-width:768px){
  .match-layout{ grid-template-columns: 1fr; }
  .match-aside-left,
  .match-aside-right{
    grid-column: 1 / -1;
    position: static;
    margin-top: var(--gutter);
  }
}

/* Mobile < 768px : 1 colonne – option perf : cacher les asides */
@media (max-width:767.98px){
  .match-layout{ grid-template-columns: 1fr; }
  .match-aside-left,
  .match-aside-right{ display: none; }
}

/* Parent des colonnes : laisser l'overflow visible pour le sticky (desktop) */
#inner-wrap { overflow: visible; }

/* --- 3) Timeline match (scroll horizontal + snap) --- */

.match-timeline{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(52px, 1fr);
  gap: 2px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  padding-bottom: clamp(8px, 2vw, 20px);
}
.match-timeline .tick{ scroll-snap-align: start; }

/* --- 4) Tables larges (classements, etc.) --- */

.table-wrap{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table-wrap table{ min-width: 560px; }

/* --- 5) Zone prono (grid responsive propre) --- */

/* Grille responsive + variables d’espacement */
.zone_prono{
  --z-gap: clamp(8px, 1.2vw, 18px);
  --z-pad: clamp(10px, 1.4vw, 18px);
  --z-radius: clamp(10px, 1.6vw, 18px);

  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--z-gap);
  margin: 0;
  align-items: stretch;
}

/* Cartes internes */
.zone_prono .zone_shortcode{
  margin: 0 !important;
  height: 100%;
}
.zone_prono .panel{
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0,0,0,.10);
  /* border-radius: var(--z-radius); */
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.zone_prono .panel-body{
  width: 100% !important; /* écrase d'éventuels widths inline */
  flex: 1 1 auto;
  /* padding: var(--z-pad) !important; */
}
.zone_prono .panel-body img,
.zone_prono .panel-body svg,
.zone_prono .panel-body canvas{
  max-width: 100%;
  height: auto;
}

/* Breakpoints zone prono */
@media (max-width:1540px){
  .zone_prono{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width:992px){
  .zone_prono{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width:576px){
  .zone_prono{
    grid-template-columns: 1fr;
    --z-gap: 10px;
    --z-pad: 10px;
    --z-radius: 12px;
  }
}
.zone_prono .panel > .panel-footer,
.zone_prono .panel > .panel-header{
  padding: calc(var(--z-pad) * 0.8) !important;
}

/* --- 6) Contenu central / lisibilité / padding --- */

#primary { padding: 10px; }

.match-content{
  max-width: 72ch;
  margin-inline: auto;
}

/* Section plein écran optionnelle */
.section-full{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

/* --- 7) AnWP – barre d’onglets mobile (une ligne + ellipsis) --- */

@media (max-width:768px){
  .anwp-fl-builder__tabs .anwp-navbar__wrapper{
    display: flex;
    flex-wrap: nowrap !important;
    gap: 0;
  }
  .anwp-fl-builder__tabs .anwp-navbar__item{
    flex: 1 1 0;
    min-width: 0;
    padding: .5rem .6rem;
  }
  .anwp-fl-builder__tabs .anwp-navbar__item,
  .anwp-fl-builder__tabs .anwp-navbar__item > *,
  .anwp-fl-builder__tabs .anwp-navbar__item a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
  }

  .status-publish .entry-content-wrap { margin-top: 0; }

  .content-style-boxed .content-bg:not(.loop-entry){
    margin-left: -5px;
    margin-right: -5px;
  }

  .anwp-fl-builder-block { margin-bottom: 0 !important; }

  #primary { padding: 0 !important; }

  .mt-3, .my-3{
    margin-top: 0 !important;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ---------- 2.4 Grille page match : 3 → 2 → 1 colonnes ---------- */
.match-layout{
  display: grid;
  grid-template-columns: clamp(240px, 22vw, 320px) 1fr clamp(260px, 24vw, 360px);
  gap: var(--gap);
  align-items: start;
}
@media (max-width: 1200px){
  .match-layout{ grid-template-columns: clamp(220px, 30vw, 280px) 1fr; }
  .match-aside-right{ grid-column: 1 / -1; order: 3; }
}
@media (max-width: 768px){
  .match-layout{ grid-template-columns: 1fr; }
  .match-aside-left, .match-aside-right{ display: none; } /* voir accordéons §4 */
}

/* ---------- 2.5 Timeline scrollable (UX propre sur mobile) ---------- */
.match-timeline{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(52px, 1fr);
  gap: 2px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: clamp(8px, 2vw, 20px);
}
.match-timeline .tick{ scroll-snap-align: start; }

/* ---------- 2.6 Tables (classements) qui ne cassent pas ---------- */
.table-wrap{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table-wrap table{ min-width: 560px; }


/* Full-bleed propre pour sections que TU choisis (hero / timeline) */
.full-bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Bloque les blocs "normaux" dans le container (évite l'effet plein écran par erreur) */
.entry-content > .wp-block-group:not(.alignfull):not(.alignwide),
.entry-content > .wp-block-cover:not(.alignfull):not(.alignwide),
.entry-content > .wp-block-columns:not(.alignfull):not(.alignwide) {
  max-width: min(1600px, 100% - 2rem);
  margin-inline: auto;
}

/*zone prono*/

/* ===== Zone prono : grille responsive + bordures + marges adaptatives ===== */
.zone_prono{
  /* espacements qui s’adaptent à la largeur d’écran */
  --z-gap: clamp(8px, 1.2vw, 18px);
  --z-pad: clamp(10px, 1.4vw, 18px);
  --z-radius: clamp(10px, 1.6vw, 18px);

  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--z-gap);
  margin: 0;              /* pas de marge externe */
  align-items: stretch;
}

/* pas de marges internes parasites */
.zone_prono .zone_shortcode{
  margin: 0 !important;
  height: 100%;
}

/* Chaque carte/panel avec bordure + coins arrondis + ombre légère */
.zone_prono .panel{
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0,0,0,.10);   /* <<< BORDURE */
  /*border-radius: var(--z-radius);*/
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

/* Corps de carte : largeur pleine + padding qui se réduit sur mobile */
.zone_prono .panel-body{
  width: 100% !important;    /* écrase le width:205px */
  flex: 1 1 auto;
  /*padding: var(--z-pad) !important;*/
}

/* Éléments internes fluides */
.zone_prono .panel-body img,
.zone_prono .panel-body svg,
.zone_prono .panel-body canvas{
  max-width: 100%;
  height: auto;
}

/* ---- Breakpoints (réduction colonnes + gaps) ---- */
@media (max-width: 1540px){
  .zone_prono{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 992px){
  .zone_prono{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 576px){
  .zone_prono{
    grid-template-columns: 1fr;
    --z-gap: 10px;     /* marges plus serrées */
    --z-pad: 10px;     /* padding plus petit */
    --z-radius: 12px;  /* coins un peu moins ronds */
  }
}

/* Option : resserrer aussi les paddings éventuels de footer/headers de panel */
.zone_prono .panel > .panel-footer,
.zone_prono .panel > .panel-header{
  padding: calc(var(--z-pad) * 0.8) !important;
}


/* --------------------------------------------------------
   CSS responsive – version Flex (Kadence)
   -------------------------------------------------------- */

/* Espace fluide borné : min 12px, idéal 2vw, max 24px */
:root{
  --gutter: clamp(12px, 2vw, 24px);
}

/* ====== Base mobile (1 colonne) ====== */
.match-layout{
  /* en mobile on reste en flux normal (une colonne) */
  display: block;
}


#primary { padding: 10px; }

/* Lisibilité de la zone texte centrale */
.match-content{
  max-width: 72ch;
  margin-inline: auto;
}

/* Sections plein écran (full-bleed) si besoin */
.section-full{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

/* ====== ≥ 1280px : 3 colonnes (16% / auto / 23%) ====== */
@media (max-width:1280px){
  .match-layout{
    display: flex;
    gap: var(--gutter);
    align-items: flex-start;
  }

  .match-sidebar-left{
    /* 16% avec garde-fou à 220px */
    flex: 0 0 16%;
    min-width: 220px;
    display: block;
  }

  #primary{
    /* colonne centrale fluide, mini ~720px */
    flex: 1 1 0;
    min-width: 720px;
    min-width: clamp(600px, 45vw, 720px); /* optionnel, lisse la transition */
  }

  .match-sidebar-right{
    /* 23% avec garde-fou à 280px */
    width:23%;
    min-width: 280px;
    position: sticky; /* reste visible au scroll */
    top: 10px;        /* seuil d’accroche */
    padding-top: 10px;
  }
}

/* ====== ≥ 1920px : override – sidebar droite à 22% ====== */
@media (max-width:1920px){
  .match-sidebar-right{
    /* pas besoin de !important : flex-basis passe à 22% */
    width:  22%;
  }
}
@media (max-width:1280px){
  .match-sidebar-right{
    /* pas besoin de !important : flex-basis passe à 22% */
    width:  24%;
  }
}
/* ====== < 1280px : 2 colonnes (contenu + droite) ====== */
@media (max-width:1279.98px){
  .match-layout{
    display: flex;
    gap: var(--gutter);
  }

  .match-sidebar-right{ display: none; } /* on retire la gauche */

  #primary{
    flex: 1 1 0;
    min-width: 0; /* évite les overflows */
  }

  .match-sidebar-right{
    /* base 28% avec garde-fou à 260px */
    flex: 0 0 28%;
    min-width: 260px;
    position: sticky;
    top: 10px;
    padding-top: 10px;
    margin-top: 0; /* restera à côté du contenu */
  }
}

/* ====== < 1024px : 1 colonne empilée ====== */
@media (max-width:1023.98px){
  .match-layout{ display: block; }
  .match-sidebar-right{
    position: static;           /* on désactive le sticky */
    margin-top: var(--gutter);  /* espace au-dessus quand elle passe dessous */
    flex: none;                 /* redevient bloc normal */
    width: auto;
  }
}

/* Parent des colonnes : DOIT laisser l'overflow visible pour que sticky fonctionne */
#inner-wrap { overflow: visible; } /* adapte si ton parent est différent */

/* Sidebars collées par le bas */
.match-sidebar-left,
.match-sidebar-right{
  position: sticky;
  bottom: 10px;   /* colle à 10px du bas du viewport/scroll container */
  top: auto;      /* important : ne pas combiner top et bottom */
  align-self: flex-end; /* utile si le parent est en flex */
}

/*  ----------------- VUE MOBILE  ----------*/

/* Onglets AnWP : une ligne + ellipsis en mobile */
@media (max-width: 768px){
  /* La barre d’onglets ne doit plus passer à la ligne */
  .anwp-fl-builder__tabs .anwp-navbar__wrapper{
    display: flex;
    flex-wrap: nowrap !important;
    gap: 0px;                 /* espace entre onglets (ajuste si besoin) */

    

  }

  /* Chaque onglet prend une largeur égale et peut rétrécir */
  .anwp-fl-builder__tabs .anwp-navbar__item{
    flex: 1 1 0;
    min-width: 0;             /* indispensable pour que l’ellipsis fonctionne en flex */
    padding: .5rem .6rem;     /* optionnel : compacter un peu en mobile */
  }

  /* Tronquer le libellé des onglets */
  .anwp-fl-builder__tabs .anwp-navbar__item,
  .anwp-fl-builder__tabs .anwp-navbar__item > *,
  .anwp-fl-builder__tabs .anwp-navbar__item a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
  }


  .status-publish .entry-content-wrap {
  
  margin-top: 0px; /* marge du haut */
  }

    .content-style-boxed .content-bg:not(.loop-entry) {
    margin-left: -5px;
    margin-right: -5px;
    
  }



.anwp-fl-builder-block {
  margin-bottom: 0px !important;
}

/*#primary {
  padding: 0px !important;  marge sous le header 
}*/
.mt-3, .my-3 {
  margin-top: 0!important; /* marge dessus onglet */
  padding-left: 20px;
  padding-right: 20px;
}

}

/* (Optionnel) si tu as vraiment beaucoup d’onglets, autorise le défilement horizontal
   au lieu d’un retour à la ligne. Décommente si nécessaire. */
/*
@media (max-width: 768px){
  .anwp-fl-builder__tabs{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .anwp-fl-builder__tabs::-webkit-scrollbar{ display: none; }
}
*/



/* css test */

.anwp-fl-calendar-slider__games .anwp-fl-block-header .fl-flag--rounded { /* drapeau a droite */
  margin-left: auto !important;
}


@media (min-width: 769px){
#primary {
  
    padding-top: 0px !important;
    padding-right: 10px;
    padding-bottom: 0px !important;
    padding-left: 10px;
}
}
.entry-content .kb-row-layout-wrap,
.entry-content .kt-row-column-wrap{
  padding-top: 0 !important;
}

body.page {
  background: #fff !important;
}

/* Panneau blanc derrière le calendrier AnWP */
.entry-content .anwp-fl-calendar-slider{
  background: #ffffff !important;
  border-radius: 12px;
  padding: 16px;
  margin: 0px 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

/* Mobile : padding un peu plus compact */
@media (max-width:768px){
  .entry-content .anwp-fl-calendar-slider{
    padding: 12px;
    border-radius: 10px;
  }
}

/* Couleur du lien "Ligue" dans le header du calendrier AnWP */
.anwp-fl-calendar-slider .anwp-fl-block-header .anwp-link-without-effects{
  color: #fff !important;      /* choisis ta couleur */
  text-decoration: none;
  font-weight: bold;
}
.anwp-fl-calendar-slider .anwp-fl-block-header .anwp-link-without-effects:hover{
  color: #000000 !important;      /* couleur au survol (option) */
}

/* Couleur du lien "Ligue" dans le header du calendrier AnWP */
.anwp-fl-calendar-slider .anwp-fl-block-header{

  background-color: #ff6803;
  
}

/* ====== Logo de ligue plus grand dans l'entête du calendrier ====== */
/* Le plugin donne la classe utilitaire .anwp-b-30 (30px). On la surcouche ici. */
.anwp-fl-calendar-slider .anwp-fl-block-header .anwp-b-30{
  width: 40px !important;   /* 36–42px marche bien ; ajuste à ton goût */
  height: 40px !important;
  flex: 0 0 40px;           /* évite que le flex le comprime */
  
}

/* Anneau/fond blanc autour du logo sans décaler le layout */
.anwp-fl-calendar-slider .anwp-fl-block-header img.anwp-object-contain{
  padding: 0 !important;
  border: none !important;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 4px #fff;  /* épaisseur de l’anneau */
  display: inline-block;
  object-fit: contain;         /* sécurité */
  margin-left: 10px;
}

/* Option : s'assurer que la barre accepte un logo plus grand */
.anwp-fl-calendar-slider .anwp-fl-block-header{
  min-height: 44px;
}


@supports (-webkit-touch-callout: none) {

  body::after{
    content: "CSS iPhone chargé";
    position: fixed;
    bottom: 8px;
    right: 8px;
    padding: 4px 8px;
    background: rgba(0,0,0,.6);
    color:#fff;
    font-size:12px;
    z-index:9999;
  }

  /* --- Fix spécifique iPhone pour les onglets Joueurs écartés --- */
  @media (max-width: 768px){

    /* Boutons = style onglets gris, pas bouton bleu iOS */
    .match-missing-tabs .mmt-btn{
      width:100%;
      border:1px solid #e6e6e6 !important;
      background:#f8f9fa !important;
      padding:.55rem .75rem;
      border-radius:6px !important;
      cursor:pointer;
      appearance:none !important;
      -webkit-appearance:none !important;
      color:#111 !important;
      text-align:left;
    }

    .match-missing-tabs .mmt-btn.active,
    .match-missing-tabs .mmt-btn.is-active{
      background:#ffffff !important;
      border-bottom-color:transparent !important;
    }

    .match-missing-tabs .mmt-panel{
      display:none;
    }
    .match-missing-tabs .mmt-panel.active{
      display:block;
    }

    /* Sur iPhone : on cache le header sous les onglets */
    .mm-team-header-desktop{
      display:none !important;
    }
  }
}



@media (max-width: 767px) {
  .kt-row-column-wrap {
 
  gap: var(--global-row-gutter-md, 0rem) !important;

}
}

@media (max-width: 367px) {
  .kt-row-column-wrap {
 
  gap: var(--global-row-gutter-md, 0rem) !important;

}
}

.anwp-fl-calendar-slider__swiper-container {
  border-bottom: none !important;
  border-top: none !important;
 
}


/* STYLE SCORE MATCH FINI*/

/* Base commune pour les pastilles (s'applique à fini + live) */
.anwp-fl-calendar-slider .anwp-fl-game[data-status="finished"] .match-slim__scores-wrapper,
.anwp-fl-calendar-slider .anwp-fl-game[data-status="live"]     .match-slim__scores-wrapper{
  border-radius: 9px;
  padding: 3px 16px;
  line-height: 19px;
  font-weight: 700;
  /* si tu avais laissé .anwp-text-base quelque part, on s'assure de la surclasser */
  box-shadow: none;
}

/* Fini = noir */
.anwp-fl-calendar-slider .anwp-fl-game[data-status="finished"] .match-slim__scores-wrapper{
  background: #000 !important;
  color: #fff !important;
}

/* Live = orange */
.anwp-fl-calendar-slider .anwp-fl-game[data-status="live"] .match-slim__scores-wrapper{
  background: #e87e10!important;
  color: #fff !important;
}

.match-slim__scores-number-live {
  
  color: #fff !important;
  
}

/* À venir = rien du tout (pas de pastille) */
.anwp-fl-calendar-slider .anwp-fl-game[data-status="upcoming"] .match-slim__scores-wrapper{
  background: transparent !important;
  color: inherit !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}


.match-slim__scores-number {
  border-style: none !important;
  margin-right: 0px !important;
}

/* Dans le slider : on garde la marge (mr-1) pour UPCOMING,
   et on la supprime pour FINISHED et LIVE */
.anwp-fl-calendar-slider .anwp-fl-game[data-status="finished"] .match-slim__scores-wrapper .match-slim__scores-home,
.anwp-fl-calendar-slider .anwp-fl-game[data-status="live"]     .match-slim__scores-wrapper .match-slim__scores-home{
  margin-right: 0 !important;
}


/* bloc commun */
.anwp-fl-calendar-slider .fg-compbox{
  border:2px solid #ddd; 
  border-radius:8px; 
  overflow:hidden;
  margin:10px 0 18px; 
  background:#fff;
  border: 4px solid ghostwhite;
  
  box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.1);
}

/* bandeau dans le bloc */
.anwp-fl-calendar-slider .fg-compbox .anwp-fl-block-header{ 
  border-radius:0; 
  margin-top: 0 !important;

}

/* =========================
   1) Base + application
   ========================= */
.anwp-fl-calendar-slider .fg-compbox{
  /* valeur par défaut si un compbox n’est pas mappé */
  --fg-accent: #999;

  /* applique la couleur de ligue partout */
  border-color: var(--fg-accent);
}
.anwp-fl-calendar-slider .fg-compbox .anwp-fl-block-header{
  background: var(--fg-accent);
  color: #fff;
  border-radius: 0px;
  min-height: 44px;
}
.anwp-fl-calendar-slider .fg-compbox .anwp-fl-block-header a,
.anwp-fl-calendar-slider .fg-compbox .anwp-fl-block-header .anwp-fl-block-header__title{
  color: #fff !important;
}

/* =========================
   2) Mapping des ligues -> --fg-accent
   (slugs vus dans ton HTML)
   ========================= */

/* Ligue 1 */
.anwp-fl-calendar-slider .fg-compbox.fg-ligue-1{
  --fg-accent: #ff4cab;
}

/* Serie A */
.anwp-fl-calendar-slider .fg-compbox.fg-serie-a{
  --fg-accent: #1f5eff;
}

/* La Liga */
.anwp-fl-calendar-slider .fg-compbox.fg-la-liga{
  --fg-accent: #e11d2e;
}

/* Premier League */
.anwp-fl-calendar-slider .fg-compbox.fg-premier-league{
  --fg-accent: #6b21a8;
}

/* Bundesliga */
.anwp-fl-calendar-slider .fg-compbox.fg-bundesliga{
  --fg-accent: #ff6a00;
}

/* Primeira Liga (vert) */
.anwp-fl-calendar-slider .fg-compbox.fg-primeira-liga{
  --fg-accent: #16a34a;
}

/* Süper Lig (gris) */
.anwp-fl-calendar-slider .fg-compbox.fg-super-lig-2025-2026{
  --fg-accent: #9ca3af;
}

/* UEFA Champions League – League Phase (noir) */
.anwp-fl-calendar-slider .fg-compbox.fg-uefa-champions-league{
  --fg-accent: #000000;
}



/* Blink du score quand un but est marqué */
.anwp-fl-calendar-slider .fg-goal-blink{
  display:inline-block;
  animation: fg-pulse 1.2s ease-out 3; /* 3 pulsations */
  border-radius:6px;
  box-shadow:0 0 0 0 rgba(255,122,0,.5);
}


/* css icone bb press match slim */
/* --- Conteneur de la bulle --------------------------------------------- */
.fg-forum-wrap{
  position: relative;
  overflow: visible;       /* laisse dépasser la queue */
  padding-right: 8px;      /* petit "coussin" pour éviter de couper au bord */
  z-index: 1;              /* au-dessus des bordures du match */
}

/* --- Bulle -------------------------------------------------------------- */
a.fg-forum-chip{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;         /* pleine même vide */
  height: 18px;
  /*padding: 0 8px;*/
  border-radius: 4px;
  background: #2eaf3b;     /* vert = il y a des réponses */
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;   /* pas de soulignement */
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
}


/* Petite "queue" qui dépasse (comme ta 2e capture) */
a.fg-forum-chip::after{
  content: "";
  position: absolute;
  right: -6px;             /* NEGATIF = dépasse à droite */
  bottom: 2px;
  width: 0; height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;          /* haut droite bas gauche */
  border-color: transparent transparent transparent #2eaf3b;
}

/* État "vide" (0 réponse) = ORANGE #ff6a00, toujours pleine et avec queue */
a.fg-forum-chip.is-empty{
  background: #ff6a00;
}
a.fg-forum-chip.is-empty::after{
  border-color: transparent transparent transparent #ff6a00;
}

/* Sélecteurs de sécurité si un parent masque le débordement */
.fg-match-item .match-slim__main-content{ overflow: visible; }


/* css pour les code court page accueil*/

:root{
  --fg-orange:#ff6a00;      /* adapte si besoin */
  --fg-radius:12px;
  --fg-border:#e5e7eb;
  --fg-shadow:0 2px 10px rgba(0,0,0,.06);
}

/* Carte (le Groupe) */
.fg-widget{
  background:#fff;
  border:1px solid var(--fg-border);
  border-radius:var(--fg-radius);
  box-shadow:var(--fg-shadow);
  padding:12px 14px 14px;
  margin-bottom:20px;
}

/* Titre orange centré */
.fg-widget__title{
  background:var(--fg-orange);
  color:#fff;
  font-weight:700;
  font-size:18px;
  line-height:1.2;
  text-align:center;
  padding:8px 10px;
  border-radius:8px;
  margin:0 0 12px 0;
}

/* Contenu interne : que rien ne déborde */
.fg-widget img, .fg-widget iframe, .fg-widget video{
  max-width:100%;
  height:auto;
}

/* Optionnel : style des listes type “compétitions” */
.fg-widget .anwpfl-competition-list,
.fg-widget ul{
  margin:0;
  padding-left:0;
  list-style:none;
}
.fg-widget li{ padding:6px 4px; }


/* espace sous le menu*/
#main {
  margin-top: 20px;
}

/* centrer menu*/ 

:root{ --fg-container:1500px; }

.site-main-header-inner-wrap{
  max-width: var(--fg-container);
  width: 100%;
  margin: 0 auto;
  padding: 0 10px; /* petit air sur les bords */
  box-sizing: border-box;
}


.site-top-header-inner-wrap{
  padding-left: 10px;
  padding-right: 10px;
}

/* === FG – Onglets mobile (Calendrier + Classement) === */

/* 1) Conteneur des panels : centrage + largeur fluide */
#fg-tab-calendar,
#fg-tab-standings{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-inline: 12px;
  box-sizing: border-box;
}

/* 2) Bloc interne : largeur max + centrage du widget */
#fg-tab-calendar .widget_fl_plus_independent_calendar_widget,
#fg-tab-standings .widget_display_league_standings_widget,
#fg-tab-standings .display_league_standings_widget,
#fg-tab-standings [id^="display_league_standings_widget-"]{
  width: 100%;
  max-width: 980px;   /* ajuste entre 900–1100px si besoin */
  margin: 0 auto;
}

/* 3) Forcer les wrappers internes du plugin à s’étendre */
#fg-tab-calendar .anwp-b-wrap,
#fg-tab-standings .anwp-b-wrap{
  width: 100%;
}

/* 4) Petites touches responsive (optionnel) */
@media (max-width: 768px){
  #fg-tab-calendar,
  #fg-tab-standings{
    padding-inline: 16px;
  }
  #fg-tab-calendar .widget_fl_plus_independent_calendar_widget,
  #fg-tab-standings [id^="display_league_standings_widget-"]{
    max-width: none;
  }
}

/* ===================== DESKTOP (≥1280px) ===================== */
/* On garde la sidebar droite : on cache les deux onglets et leurs panneaux */
@media (min-width:1280px){

  /* Boutons d’onglet (nav) */
  .anwp-navbar__item[data-target="#anwp-fl-builder-tab-8"],  /* Classement */
  .anwp-navbar__item[data-target="#anwp-fl-builder-tab-9"]{  /* Calendrier */
    display: none !important;
  }

  /* Panneaux (contenu des onglets) */
  #anwp-fl-builder-tab-8,  /* Classement */
  #anwp-fl-builder-tab-9{  /* Calendrier */
    display: none !important;
  }
}

/* ===================== MOBILE (<1280px) ===================== */
/* On affiche les onglets, mais un seul panneau à la fois (celui actif).
   On masque les widgets équivalents présents en sidebar pour éviter les doublons. */
@media (max-width:1279.98px){

  /* Ne pas forcer l’affichage des panneaux : laisser AnWP gérer l’onglet actif */
  .anwp-fl-builder__tab{ display: none; }
  .anwp-fl-builder__tab.anwp-active-tab{ display: block; }

  /* Masquer les versions sidebar (doublons) */
  .match-sidebar-right .display_league_standings_widget,
  .match-sidebar-right [id^="display_league_standings_widget-"],
  .match-sidebar-right [id^="fl_plus_independent_calendar_widget-"]{
    display: none !important;
  }
}


/* FG – Onglets mobiles : texte entier + défilement horizontal */
@media (max-width: 768px){
  /* Le conteneur des onglets */
  .anwp-fl-builder__tabs .anwp-navbar__wrapper{
    display: flex;
    flex-wrap: nowrap !important;        /* une seule ligne */
    overflow-x: auto;                     /* scroll horizontal */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;    /* scroll fluide iOS */
    gap: 2px;
    /*padding: 6px 8px;*/
    scrollbar-width: none;                /* cache la barre (Firefox) */
  }
  .anwp-fl-builder__tabs .anwp-navbar__wrapper::-webkit-scrollbar{ display:none; }

  /* Chaque onglet prend la largeur de son texte et ne rétrécit pas */
  .anwp-fl-builder__tabs .anwp-navbar__item{
    flex: 0 0 auto !important;            /* pas de shrink */
    min-width: max-content;               /* largeur = contenu */
  }

  /* Empêche la troncature "…" */
  .anwp-fl-builder__tabs .anwp-navbar__item,
  .anwp-fl-builder__tabs .anwp-navbar__item *{
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
  }

  /* (Optionnel) effet snap au défilement */
  .anwp-fl-builder__tabs .anwp-navbar__wrapper{ scroll-snap-type: x proximity; }
  .anwp-fl-builder__tabs .anwp-navbar__item{ scroll-snap-align: start; }
}

/* Enlève le margin-top sur la NAV et le CONTENU des onglets */
.anwp-fl-builder__tabs.anwp-fl-builder-navbar.mt-3,
.anwp-fl-builder__tabs-content-wrapper.mt-3{
  margin-top: 0px !important;
}

/* VS dans les listes de prochains matchs */
.fg-fixtures-section .match-slim__scores-sep{
  font-weight: bold;
  font-style: italic;
}


.anwpfl-widget-competition-list{
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
}

/* --- SCORES & VS --- */

/* Garder le look "gros, gras, italique" pour le bloc score */
.match-slim__scores-wrapper {
  font-weight: bold;
  font-style: italic;
  align-items: center;
  justify-content: center;
}

/* Séparateur 2 - 1 */
.match-slim__scores-sep {
  margin: 0 3px;
}

/* Pilule VS quand il n'y a pas encore de score */
.fg-score-pill.fg-score--ns {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: .08em;
  font-size: 16px;
}

/* --- TV SLOT : posé par-dessus, ne décale RIEN --- */

.match-slim__main-content {
  position: relative; /* référentiel pour le slot TV */
}

.match-slim__tv-slot {
  position: absolute;
  left: 0;              /* ajuste si besoin (ex: 32px, 40px, etc.) */
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}

/* Optionnel : réduire un peu l'icône TV si tu veux */
.match-slim__tv-slot img {
  max-height: 24px;
  width: auto;
}


.fg-score--win{
  background:#16a34a; color:#fff;
}
 .fg-score--draw{
  background:#cbd5e1; color:#111;
}
 .fg-score--loss{
  background:#ef4444; color:#fff;
}
.fg-score-pill{
  display:inline-block;
  padding:2px 16px;
  border-radius: 9px;
  font-weight:800;
  font-size:16px;
  letter-spacing:.08em;
  text-align:center;
}


/* Neutralisation coloration score UNIQUEMENT dans la liste "Toutes confrontations" */
.fg-h2h3 .fg-list[data-list="all"].fg-no-score-color .fg-score-pill {
  background:#f2f2f2 !important;
  color:#333 !important;
}

/* On annule aussi les variantes win/loss/draw dans cette liste */
.fg-h2h3 .fg-list[data-list="all"].fg-no-score-color .fg-score--win,
.fg-h2h3 .fg-list[data-list="all"].fg-no-score-color .fg-score--loss,
.fg-h2h3 .fg-list[data-list="all"].fg-no-score-color .fg-score--draw {
  background:#f2f2f2 !important;
  color:#333 !important;
}

.fg-h2h3 .fg-list[data-list="all"].fg-no-score-color .fg-score-pill {
  background:#f2f2f2 !important;
  color:#333 !important;
  border:1px solid #ddd;
}

/*match slide shortcode****/
.fg-no-score-color .fg-score-pill {
  background: #f2f2f2;
  color: #333;
  border: 1px solid #ddd;
}


/* Wrapper des scores */
.anwp-fl-game .match-slim__scores-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Pillule commune (VS ou 3-2) 
.anwp-fl-game .fg-score-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  padding: 2px 12px;
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-weight: 700;
  font-size: 0.95rem;
  line-height: 1;
}*/

/* Séparateur dans 3 - 2 */
.anwp-fl-game .fg-score-sep {
  margin: 0 6px;
}

/* Par défaut : on affiche VS, on cache le score */
.anwp-fl-game .fg-score--score {
  display: none;
}
.anwp-fl-game .fg-score--ns {
  display: inline-flex;
}

/* Match TERMINÉ : score visible, VS caché */
.anwp-fl-game.game-status-1 .fg-score--score,
.anwp-fl-game[data-status="finished"] .fg-score--score {
  display: inline-flex;
}
.anwp-fl-game.game-status-1 .fg-score--ns,
.anwp-fl-game[data-status="finished"] .fg-score--ns {
  display: none;
}

/* Match LIVE (module Live AnWP) : score visible, VS caché */
.anwp-fl-game.fl-match-is-live .fg-score--score,
.anwp-fl-game[data-status="live"] .fg-score--score {
  display: inline-flex;
}
.anwp-fl-game.fl-match-is-live .fg-score--ns,
.anwp-fl-game[data-status="live"] .fg-score--ns {
  display: none;
}






/* Admin bar WordPress (connecté) */
body.admin-bar .page-id-451965{ --adminbar-h: 32px; }
@media (max-width: 782px){
  body.admin-bar .page-id-451965{ --adminbar-h: 46px; }
}

/* ===== Desktop : 15% / 70% / 15% sur toute la largeur ===== */
.page-id-451965 .fg-shell{
  display: grid;
  grid-template-columns: 15% 64% 20%;
  /*gap: var(--gap);*/
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 var(--pad-x);
}

/* Sidebars */
.page-id-451965 .fg-aside{
  position: sticky;
  top: calc(var(--header-h) + var(--adminbar-h));
  align-self: start;
  z-index: 2;
  min-height: 1px;
}
.page-id-451965 .fg-main{ min-width: 0; }
.page-id-451965 .fg-main-widgets{ margin-bottom: 16px; }

/* ===== ≤ 1280px : on ajuste juste les colonnes ===== */
@media (max-width: 1280px){
  .page-id-451965 .fg-shell{
    grid-template-columns: 20% 80%;
  }
}

/* ===== ≤ 1024px : 1 seule colonne ===== */
@media (max-width: 1024px){
  .page-id-451965 .fg-shell{
    grid-template-columns: 1fr;
    padding: 0 0px;
  }
}

/* Gutenberg au centre */
.page-id-451965 .fg-main .alignwide{
  max-width: min(1200px, 100%);/* ================================
   ONGLET JOUEURS ÉCARTÉS – STYLE H2H
   ================================ */

.match-missing-tabs{
  --mm-gap:12px;
  --mm-border:#e6e6e6;
}

/* Titre club utilisé dans les onglets (logo + nom) */
.match-missing-tabs .mmt-nav .club-title--fg-ml,
.match-missing-tabs .mmt-nav .club-title--fg-mm{
  margin:0;
  display:flex;
  align-items:center;
  gap:.5rem;
}

.match-missing-tabs .mmt-nav .club-title__logo{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  object-fit:contain;
  margin-bottom:0 !important;
}

.match-missing-tabs .mmt-nav .club-title__name{
  font-size:17px;
  line-height:1.6;
  color:#111;
  margin:0 .5rem;
}

/* Si jamais un <a> reste, on neutralise le style lien dans les onglets */
.match-missing-tabs .mmt-nav a{
  color:inherit;
  text-decoration:none;
}

/* HEADER club dans le contenu :
   caché en mobile, visible en desktop */
.mm-team-header-desktop{
  margin-bottom:8px;
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px){

  .match-missing-tabs .mmt-nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:var(--mm-gap);
    margin-bottom:8px;
  }

  .match-missing-tabs .mmt-btn{
    width:100%;
    border:1px solid var(--mm-border);
    background:#f8f9fa !important;
    padding:.55rem .75rem;
    border-radius:6px;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
    color:#111 !important;
    text-align:left;
  }

  .match-missing-tabs .mmt-btn.active,
  .match-missing-tabs .mmt-btn.is-active{
    background:#fff !important;
    border-bottom-color:transparent;
  }

  .match-missing-tabs .mmt-panel{
    display:none;
  }

  .match-missing-tabs .mmt-panel.active{
    display:block;
  }

  /* pas de header club sous les onglets en mobile */
  .mm-team-header-desktop{
    display:none;
  }
}

/* ---------- DESKTOP ---------- */
@media (min-width: 769px){

  /* onglets cachés */
  .match-missing-tabs .mmt-nav{
    display:none;
  }

  .match-missing-tabs .mmt-content{
    display:flex;
    gap:20px;
  }

  /* 2 colonnes 50/50 */
  .match-missing-tabs .mmt-panel{
    display:block !important;
    flex:1 1 50%;
  }

  .match-missing-tabs .match-missing__team-wrapper{
    flex:1;
  }

  /* header club visible au-dessus de chaque colonne */
  .mm-team-header-desktop{
    display:block;
  }
}


/* ================================
   FIX GLOBAL – ONGLET JOUEURS ÉCARTÉS (MOBILE)
   Forcer le rendu identique sur iPhone
   ================================ */
@media (max-width: 768px){

  /* Barre d’onglets */
  .match-missing-tabs .mmt-nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:8px;
  }

  /* Boutons = onglets gris, pas boutons bleus iOS */
  .match-missing-tabs .mmt-btn{
    display:block;
    width:100%;
    border-radius:6px !important;
    border:1px solid #e6e6e6 !important;
    background:#f8f9fa !important;
    padding:.55rem .75rem;
    text-align:left;
    cursor:pointer;
    -webkit-appearance:none !important;
    appearance:none !important;
    color:#111 !important;
  }

  /* tout ce qu’il y a DANS le bouton garde la bonne couleur */
  .match-missing-tabs .mmt-btn *{
    color:#111 !important;
  }

  /* état actif */
  .match-missing-tabs .mmt-btn.active,
  .match-missing-tabs .mmt-btn.is-active{
    background:#ffffff !important;
    border-bottom-color:transparent !important;
  }

  /* Affichage des panels */
  .match-missing-tabs .mmt-panel{
    display:none;
  }
  .match-missing-tabs .mmt-panel.active{
    display:block;
  }

  /* PAS de header club sous les onglets sur mobile */
  .mm-team-header-desktop{
    display:none !important;
  }
}

  margin-inline: auto;
}
.page-id-451965 .fg-main .alignfull{
  width: 100%;
  margin-inline: 0;
}
.page-id-451965 .fg-main img,
.page-id-451965 .fg-main video,
.page-id-451965 .fg-main .wp-block-embed{
  max-width: 100%;
  height: auto;
}

/* Tables longues */
.page-id-451965 .fg-main .wp-block-table{
  overflow-x: auto;
  display: block;
}

/* ================================
   Calendrier ultra compact (mobile)
   ================================ */
/* Calendrier – pastilles filtres + compact en mobile */
@media (max-width: 768px){
  /* Tous les calendriers AnWP */
  .anwp-fl-calendar-slider .fg-match-filter button{
    font-size: 14px !important;
    padding: 5px !important;  /* padding 5px en haut/bas */
  }
  .mt-3{
    padding: 0 !important;
  }
}



/* ==========================
   MOBILE + PETITES TABLETTES
   0 → 767 px
   ========================== */
@media (max-width: 767px) {

  /* Mets toutes tes règles spéciales mobile ici */

  /* marge slider */
.entry-content .anwp-fl-calendar-slider {
    padding: 5px;   
  }

/* marge en haut au dessus slider*/
  #main {
  margin-top: 0px !important;
}
  
}


/* =========================================================
   INFO COMPO – Onglets mobile + 2 colonnes desktop (FORCÉ)
   ========================================================= */

/* Boutons onglets */
.match-missing-tabs .mmt-btn{
  -webkit-appearance:none !important;
  appearance:none !important;
  flex:1 1 0;
  padding:6px 10px;
  border-radius:6px;
  border:1px solid #dde1e5;
  background:#f8f9fa !important;
  color:#111 !important;
  box-shadow:none !important;
  text-align:center;
  cursor:pointer;
}

.match-missing-tabs .mmt-btn:hover,
.match-missing-tabs .mmt-btn:focus{
  background:#eef1f5 !important;
  color:#111 !important;
  outline:none;
}

.match-missing-tabs .mmt-btn.active,
.match-missing-tabs .mmt-btn.is-active{
  background:#ffffff !important;
  border-color:#c7ccd3 !important;
  color:#111 !important;
  font-weight:600;
}

/* Panneaux : par défaut on cache tout,
   seule la classe .active sera visible en mobile */
.match-missing-tabs .mmt-panel{
  display:none !important;
}

.match-missing-tabs .mmt-panel.active{
  display:block !important;
}

/* Header club : caché par défaut (mobile) */
.mm-team-header-desktop{
  display:none !important;
}

/* NAV onglets visible par défaut (mobile) */
.match-missing-tabs .mmt-nav{
  display:flex !important;
  gap:8px;
  margin-bottom:12px;
}

/* Contenu (mobile) */
.match-missing-tabs .mmt-content{
  display:block !important;
}

/* =====================  DESKTOP  ===================== */
@media (min-width: 769px){

  /* on cache les onglets */
  .match-missing-tabs .mmt-nav{
    display:none !important;
  }

  /* on affiche les 2 colonnes côte à côte */
  .match-missing-tabs .mmt-content{
    display:flex !important;
    gap:20px;
  }

  .match-missing-tabs .mmt-panel{
    display:block !important;
    flex:1 1 50%;
  }

  /* header club visible en desktop */
  .mm-team-header-desktop{
    display:block !important;
    margin-bottom:8px;
  }
}

/* style icone bed matchslim player */

.fg-bench-icon {
  font-size: 22px;
  color: #555;
}


/* bagde nr */ 

.fg-rating-badge-nr {
  display: inline-block;
  background: #888;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  line-height: 1;
  min-width: 28px;
  text-align: center;
}

/* ===================== */
/*  ALIGNEMENT MATCH-JOUEUR  */
/* ===================== */

/* Conteneur principal */
.type-anwp_player .fg-match-item .match-slim__main-content {
  position: relative;
  display: flex;
  justify-content: center;      /* centre équipes + score */
  align-items: center;
}

/* SCORE : largeur fixe pour alignement parfait */
.type-anwp_player .fg-match-item .match-slim__scores-wrapper {
  flex: 0 0 90px;              /* ajuste 80–110px si besoin */
  justify-content: center;
}

/* Bloc droit : stats + note + NR + banc + forum */
.type-anwp_player .fg-match-item .fg-player-right {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 300px;                /* zone réservée pour les évènements */
}

/* Limiter la largeur des équipes */
.type-anwp_player .fg-match-item .match-slim__team-home,
.type-anwp_player .fg-match-item .match-slim__team-away {
  max-width: 32%;
}

/* Décaler légèrement le bloc centre vers la gauche */
.type-anwp_player .fg-match-item .match-slim__team-home,
.type-anwp_player .fg-match-item .match-slim__team-away,
.type-anwp_player .fg-match-item .match-slim__scores-wrapper {
  transform: translateX(-20px);  /* mets -10 / -15 / -25px si tu veux affiner */
}


/* style fiche joeur blessur */

.fg-missed-dot {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#e53935;
  color:#fff;
  font-size:11px;
  font-weight:700;
}


/* teststat plater */
.fg-player-stats-cards {
  background: #ffffff;
  padding: 24px 20px;
}

.fg-player-stats-cards__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.fg-player-stats-cards__title {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.fg-player-stats-cards__season {
  font-size: 13px;
  text-transform: uppercase;
  opacity: 0.8;
}

/* Filtres compétitions */
.fg-player-stats-cards__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.fg-ps-filter {
  border-radius: 999px;
  border: 1px solid #d0d3dc;
  background: #ffffff;
  padding: 4px 12px;
  font-size: 12px;
  cursor: pointer;
}

.fg-ps-filter.is-active {
  background: #111827;
  color: #ffffff;
  border-color: #111827;
}

/* Grille de stats */
.fg-player-stats-cards__grid {
  display: flex;
  flex-wrap: wrap;
}

.fg-player-stats-cards__item {
  flex: 0 0 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  background: #f6f7f9;
  border: 1px solid #e3e5eb;
  box-sizing: border-box;
}

.fg-player-stats-cards__item:nth-child(odd) {
  border-right: none;
}

.fg-player-stats-cards__label {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.fg-player-stats-cards__icon {
  margin-right: 8px;
}

.fg-player-stats-cards__value {
  font-size: 20px;
  font-weight: 700;
  color: #f04b4b; /* adapte à ta couleur */
}

/* Mobile : 1 carte par ligne */
@media (max-width: 600px) {
  .fg-player-stats-cards__item {
    flex: 0 0 100%;
    border-right: 1px solid #e3e5eb;
  }
}
/* Structure interne du bouton */
.fg-player-stats-cards .fg-ps-tab-inner{
  display:flex;
  align-items:center;
  gap:6px;
}

/* Conteneur logo (rond / pill) */
.fg-player-stats-cards .fg-ps-tab-logo-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:999px;
  overflow:hidden;
}

/* Image du logo */
.fg-player-stats-cards .fg-ps-tab-logo-wrap img,
.fg-player-stats-cards .fg-ps-tab-logo-img{
  width:100%;
  height:100%;
  object-fit:contain;
}

/* Icône Font Awesome de fallback (si pas de logo) */
.fg-player-stats-cards .fg-ps-tab-fa{
  font-size:15px;
}

/* Bouton "Tous" sans logo → légère marge pour être aligné */
.fg-player-stats-cards .fg-ps-tab--all .fg-ps-tab-label{
  padding-inline:2px;
}
.fg-player-stats-cards .fg-ps-tabs{
  --fg-border:#e6e6e6;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:16px;
}

.fg-player-stats-cards .fg-ps-tab{
  border:1px solid var(--fg-border);
  background:#f8f9fa;
  padding:.55rem .75rem;
  border-radius:6px;
  font-size:13px;
  line-height:1.2;
  cursor:pointer;
  color:#111827;
  font-weight:500;
}

/* état actif = comme l’onglet "Tout" de ton H2H */
.fg-player-stats-cards .fg-ps-tab.is-active{
  background:#ffffff;
  border-bottom-color:transparent;
  /*border-bottom-left-radius:0;*/
  /*border-bottom-right-radius:0;*/
  font-weight:700;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}
.fg-player-stats-cards{
  border:1px solid #e6e6e6;
  border-radius:6px;
}


/* =========================
   FG — Match slim slider (MOBILE ONLY)
   - Pas de date à gauche
   - Heure au centre (match à venir)
   - LIVE / terminé : score SANS fond
   - Logos toujours alignés pareil (centre fixe)
   ========================= */

.fg-mobile-time-center{ display:none; }

@media (max-width: 768px){


   /* cache badge TV 
  .match-slim .match-slim__tv-slot{
    display:none !important;
  }*/

  /* 1) Cache date/heure à gauche */
  .match-slim .match-slim__date-wrapper{
    align-items: flex-start !important;
  flex-direction: row !important;
  }

  /* 2) Une seule ligne */
  .match-slim .match-slim__main-content{
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  /* 3) CENTRE FIXE => logos alignés pareil (live ou pas) */
  .match-slim .match-slim__scores-wrapper{
    margin-top: 0 !important;          /* annule mt-n3 */
    width: 74px !important;            /* tu peux tester 70/74/78 */
    min-width: 74px !important;
    max-width: 74px !important;
    flex: 0 0 74px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }

  /* ✅ IMPORTANT : le slider met un fond ORANGE au wrapper en LIVE -> on l’écrase ici */
  .anwp-fl-calendar-slider .anwp-fl-game[data-status="live"] .match-slim__scores-wrapper{
    background: transparent !important;
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
  }

  /* 4) Team wrappers : mêmes largeurs => logos alignés */
  .match-slim .match-slim__team-home,
  .match-slim .match-slim__team-away{
    flex: 1 1 0 !important;            /* ⚠️ clé pour aligner */
    min-width: 0 !important;           /* permet ellipsis */
    align-items: center !important;
    gap: 4px !important;
  }

  /* HOME : nom puis logo (logo côté centre) */
  .match-slim .match-slim__team-home{
    flex-direction: row !important;
    justify-content: flex-end !important;
  }
  .match-slim .match-slim__team-home-title{
    margin: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .match-slim .match-slim__team-home-logo{
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  /* AWAY : logo puis nom (logo côté centre) */
  .match-slim .match-slim__team-away{
    flex-direction: row !important;
    justify-content: flex-start !important;
  }
  .match-slim .match-slim__team-away-title{
    margin: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .match-slim .match-slim__team-away-logo{
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  /* 5) Score : JAMAIS de fond en mobile (live/terminé inclus) */
  .match-slim .fg-score--score{
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
  }

  /* 6) Match pas commencé : heure au centre, cacher VS + score */
  .match-slim.game-status-0:not(.is-live):not([data-status="live"]) .fg-score--score,
  .match-slim.game-status-0:not(.is-live):not([data-status="live"]) .fg-score--ns{
    display:none !important;
  }
  .match-slim.game-status-0:not(.is-live):not([data-status="live"]) .fg-mobile-time-center{
    display:inline-block !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: #7a7a7a !important;         /* gris */
    opacity: .95 !important;
  }

  /* 7) LIVE : score visible (SANS fond), orange */
  .match-slim.is-live .fg-mobile-time-center,
  .match-slim[data-status="live"] .fg-mobile-time-center{
    display:none !important;
  }
  .match-slim.is-live .fg-score--ns,
  .match-slim[data-status="live"] .fg-score--ns{
    display:none !important;
  }
  .match-slim.is-live .fg-score--score,
  .match-slim[data-status="live"] .fg-score--score{
    display:inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;        /* même taille que l’heure */
    font-weight: 800 !important;
    color: #ff6a00 !important;         /* orange */
  }
  .match-slim.is-live .fg-score--score *,
  .match-slim[data-status="live"] .fg-score--score *{
    color: #ff6a00 !important;
  }

  /* 8) Terminé : score visible (sans fond) */
  .match-slim.game-status-1 .fg-mobile-time-center{ display:none !important; }
  .match-slim.game-status-1 .fg-score--ns{ display:none !important; }
  .match-slim.game-status-1 .fg-score--score{
    display:inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    font-weight: 800 !important;
  }

  /*primaary 
 body #primary{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }**/
}


/* Enlève le margin-top sur la NAV et le CONTENU des onglets */
.anwp-fl-builder__tabs.anwp-fl-builder-navbar.mt-3
{
  margin-top: 0px !important;
}


.anwp-fl-builder__tabs .d-flex {
 
  margin-top: 4px !important;
}

@media (max-width: 640px){
  
.anwp-fl-builder__tabs.anwp-fl-builder-navbar.mt-3
{
  margin-top: 0px !important;
}


.anwp-fl-builder__tabs .d-flex {
 
  margin-top: 0px !important;
}

.game-timeline {

  display: none;
}

}

@media (max-width: 1024px){
  .no-timeline{
    display: none !important;
  }
}

@media (max-width: 1024px) {
  /* Match-latest : cacher le nom du club dans l'onglet */
  .match-latest .club-title__name,
  .match-latest .club-title__name.anwp-text-xl {
    display: none !important;
  }

  /* H2H : masquer le nom du club dans l’onglet */
  .fg-h2h3 .club-title__name,
  .fg-h2h3 .club-title__name.anwp-text-xl {
    display: none !important;
  }

  /* Centrer le logo pour éviter l’espace vide */
  .fg-h2h3 .club-title {
    justify-content: center !important;
  }

  .fg-h2h3 .club-title__logo {
    margin-right: 0 !important;
  }

  /* Cacher la date UNIQUEMENT dans le calendar slider */
  .anwp-fl-calendar-slider__games .match-slim .match-slim__date-wrapper,
  .anwp-fl-calendar-slider__frame .match-slim .match-slim__date-wrapper {
    display: none !important;
  }
}