/*
 Theme Name:   Highlight
 Description:  Highlight is an incredibly flexible, multipurpose WordPress theme that can help you create an amazing website easier than ever, by drag and drop. It comes with a predesigned home page, 5 header designs and over 30 ready to use content sections that you can easily customize. It also has lots of customization options (video background, slideshow background, header content types, gradient overlays, etc) that will help you create a beautiful, unique website in no time. Highlight is responsive so it works on mobile devices out of the box and it is also WooCommerce ready.
 Theme URI:    https://extendthemes.com/highlight
 Author:       ExtendThemes
 Author URI:   https://extendthemes.com/
 Template:     mesmerize
 Version:      1.0.43
 License:      GNU General Public License version 3
 License URI:  http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
 Tags:         entertainment, food-and-drink, portfolio, one-column, two-columns, right-sidebar, grid-layout, custom-header, custom-menu, custom-logo, full-width-template, theme-options, translation-ready, featured-images, threaded-comments
 Text Domain:  highlight
 
 Tested up to: 6.8
 Requires PHP: 5.6 


This theme, like WordPress, is licensed under the GPL.

*/
body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #6B7C93;
}

h1,
h2,
h3,
h4,
h5,
.widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
h6 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}


h5,
.widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child {
  letter-spacing: 2px;
}

@media only screen and (min-width: 768px) {
  
  h5,
  .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
  .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
  .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
  .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
  .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
  .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child {
    font-size: 1rem;
  }
}

p.header-subtitle,
p.header-subtitle2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.post-meta .font-icon-post {
  margin-right: .3rem;
}

.post-content {
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #ececec;
  -webkit-box-shadow: 0 0.5625rem 2.8125rem 0 rgba(35, 69, 152, 0.15);
  box-shadow: 0 0.5625rem 2.8125rem 0 rgba(35, 69, 152, 0.15);
}

ul.is-bar,
ol.is-bar {
  margin: 0;
  list-style: none;
}

ul.is-bar li,
ol.is-bar li {
  display: inline-block;
}

ul.is-bar li + li,
ol.is-bar li + li {
  margin-left: .1rem;
}

.post-meta a {
  color: #8e9dae;
}

.post-meta a:hover {
  color: #000;
}

.post-excerpt {
  margin-top: 2rem;
}

.list-padding {
  padding: 2rem 3rem 3rem;
}

.post-item strong {
  color: #000;
}

.post-item .wp-post-image {
  max-width: 100%;
  height: auto;
  width: 100%;
}

.post-item .post-content-single {
  padding: 2rem 3rem 0;
}

.post-item p {
  margin-bottom: 2rem;
  line-height: 1.6;
}

.post-item-single {
  border: none;
}

.post-item-single .post-content-single {
  padding: 0 2rem;
  border: none;
}

.tags-list-child {
  text-transform: capitalize;
}

.post-inner {
  padding-bottom: 2rem;
  border-bottom: 1px solid #ececec;
}

.post-inner .list-padding {
  padding: 0;
}

@media screen and (max-width: 1023px) {
  .post-inner {
    margin-bottom: 1rem;
    border-bottom: none;
  }
  .post-inner .list-padding {
    padding: 1rem 0;
  }
  .thumb-col {
    padding: 0;
  }
}

.thumb-container img,
.thumb-container .mesmerize-post-list-item-thumb-placeholder {
  border: 1px solid #ececec;
  background: #fafafa;
  padding: 5px;
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.thumb-container img:hover,
.thumb-container .mesmerize-post-list-item-thumb-placeholder:hover {
  background: #dedede;
}

@media (min-width: 1024px) {
  .post-list-item .post-title {
    line-height: 1;
    padding-bottom: 0.5rem;
  }
}

.post-list-item .post-container {
  border: 1px solid #ececec;
  border-radius: 4px;
  background: #ffffff;
  padding: 1rem;
}

.post-list-item .post-container .post-inner {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .post-list-item .post-container .post-inner {
    padding-left: 1em;
    padding-right: 1em;
  }
  .post-list-item .post-container .post-inner .list-padding {
    padding-bottom: 0;
  }
}

.post-list-item.sticky .post-container {
  background: #FFFBF1;
  border-color: #FFEFCA;
}

.post-list-item.sticky .post-container .post-inner {
  background: #FFFBF1;
}

.post-comments {
  margin-top: 0;
  padding: 1rem 2rem;
}

.comment-list li.comment.even {
  background-color: #fafafa;
}

.comment-list li.comment.odd {
  background-color: #ffffff;
}

.comments-form {
  margin: 0 2rem;
  padding: 2rem 2rem 0.1rem;
}

.sidebar .panel {
  border: 1px solid #ececec;
  border-radius: 4px;
  -webkit-box-shadow: 0 0.5625rem 2.8125rem 0 rgba(35, 69, 152, 0.15);
  box-shadow: 0 0.5625rem 2.8125rem 0 rgba(35, 69, 152, 0.15);
}

.sidebar .widget > ul > li {
  padding: .4rem;
  border-top: 1px solid #ececec;
}

.sidebar .widget {
  background-color: transparent;
  border-bottom: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 1rem 1.6rem;
  margin: 0;
}

.sidebar .widget .widgettitle {
  letter-spacing: normal;
  text-transform: capitalize;
  font-size: 120%;
}

.sidebar .widget:first-child {
  padding-top: 1.5rem;
}

.widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child {
  font-size: 1.2em;
  line-height: 1.2;
  text-transform: none !important;
}

.widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child {
  font-size: 1.2em;
  line-height: 1.2;
  text-transform: none !important;
}

.widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child {
  font-size: 1.2em;
  line-height: 1.2;
  text-transform: none !important;
}

.widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child {
  font-size: 1.2em;
  line-height: 1.2;
  text-transform: none !important;
}

.widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child {
  font-size: 1.2em;
  line-height: 1.2;
  text-transform: none !important;
}

.widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child {
  font-size: 1.2em;
  line-height: 1.2;
  text-transform: none !important;
}

.footer {
  background-color: #232C36 !important;
}

.no-padding {
  padding: 0;
}

.fixed-image {
  width: 307px;
  height: 248px;
}

.read-more:after {
  content: "";
}

blockquote {
  font-style: italic;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-weight: normal;
  font-size: 1.2em;
}

.nav-links .meta-nav {
  display: block;
  font-weight: bold;
  color: #000;
}

.nav-links .nav-next .post-title,
.nav-links .nav-previous .post-title {
  margin-right: 0;
}

.nav-links,
.post-comments .navigation {
  border: none;
}

.nav-links .numbers-navigation span.current,
.post-comments .navigation .numbers-navigation span.current,
.nav-links .numbers-navigation a:hover,
.post-comments .navigation .numbers-navigation a:hover {
  border-radius: 4px;
}

#side-navigation {
  display: none;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  z-index: 10;
  transition: all .5s;
}

@media screen and (max-width: 767px) {
  #side-navigation {
    display: none !important;
  }
}

#side-navigation ul {
  margin: 0;
  list-style: none;
  margin-right: 20px;
}

#side-navigation ul:before {
  background-color: #f1f1f1;
}

#side-navigation ul li {
  position: relative;
  margin: 3px 0;
  overflow: hidden;
  white-space: nowrap;
  line-height: 100%;
  cursor: pointer;
  transition: all .2s ease-in;
  text-align: right;
  pointer-events: all;
}

#side-navigation ul li a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  visibility: hidden;
  min-height: 22px;
}

#side-navigation ul li a:after {
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  right: 0px;
  visibility: visible;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

#side-navigation ul li:hover a {
  visibility: visible;
}

#side-navigation ul li.hidden-bullet {
  display: none;
}

#side-navigation ul[data-type="active"] li.active a {
  visibility: visible;
}

#side-navigation ul[data-type="all"] li a {
  width: 100%;
  visibility: visible;
}

#side-navigation ul[data-preset=preset-1] {
  position: relative;
}

#side-navigation ul[data-preset=preset-1]:before {
  display: block;
  content: "";
  position: absolute;
  width: 35px;
  height: calc(100% + 20px);
  right: 0;
  top: -10px;
  box-shadow: -3px 2px 10px -3px rgba(0, 0, 0, 0.28);
  z-index: -1;
  border-radius: 10px 0 0 10px;
  background-color: #f1f1f1;
}

#side-navigation ul[data-preset=preset-1] li {
  z-index: 1;
  overflow: initial;
  padding-right: 30px;
}

#side-navigation ul[data-preset=preset-1] li a {
  padding-left: 16px;
  padding-right: 16px;
  line-height: 150%;
  border: 2px solid rgba(255, 255, 255, 0);
  justify-content: flex-end;
}

#side-navigation ul[data-preset=preset-1] li a:after {
  background-color: #03a9f4;
  width: 14px;
  height: 14px;
  border-radius: 100%;
}

#side-navigation ul[data-preset=preset-1] li.active a,
#side-navigation ul[data-preset=preset-1] li.active a:after,
#side-navigation ul[data-preset=preset-1] li:hover a,
#side-navigation ul[data-preset=preset-1] li:hover a:after {
  color: #03a9f4;
}

#side-navigation ul[data-preset=preset-2] {
  margin-right: 10px;
}

#side-navigation ul[data-preset=preset-2][data-type="all"] a:after {
  border-color: #ffffff;
}

#side-navigation ul[data-preset=preset-2] li {
  margin-right: 2px;
}

#side-navigation ul[data-preset=preset-2] li a {
  padding-left: 14px;
  padding-right: 32px;
  border-radius: 20px;
  color: #FFFFFF;
  background-color: #03a9f4;
  border: 2px solid #FFFFFF;
  font-family: Open Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0;
  text-transform: capitalize;
  padding-bottom: 2px;
}

#side-navigation ul[data-preset=preset-2] li a:after {
  right: 12px;
  border-radius: 100%;
  background-color: #FFFFFF;
  border: solid 2px #333333;
}

#side-navigation ul[data-preset=preset-2] li.active a:after,
#side-navigation ul[data-preset=preset-2] li:hover a:after {
  background-color: #FFFFFF;
  border: solid 2px #FFFFFF;
}

#side-navigation ul[data-preset=preset-3] li {
  overflow: initial;
  padding-right: 20px;
}

#side-navigation ul[data-preset=preset-3] li a {
  color: #ffffff;
  background-color: #03a9f4;
  border: 2px solid white;
  font-family: Open Sans, sans-serif;
  font-size: 0.925em;
  font-weight: 300;
  line-height: 180%;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0px 16px 2px 16px;
  border-radius: 20px;
}

#side-navigation ul[data-preset=preset-3] li a:after {
  border-radius: 100%;
  background-color: #ffffff;
  border: solid 2px #3c3c3c;
}

#side-navigation ul[data-preset=preset-3] li.active a:after,
#side-navigation ul[data-preset=preset-3] li:hover a:after {
  background-color: #03a9f4;
}

#side-navigation ul[data-preset=preset-4] li {
  overflow: initial;
  padding-right: 28px;
}

#side-navigation ul[data-preset=preset-4] li a {
  border: 2px solid white;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 3px;
  background: #03a9f4;
  color: #ffffff;
  line-height: 190%;
}

#side-navigation ul[data-preset=preset-4] li a:after {
  background-color: #f5fafd;
  border: 2px solid #343a40;
}

#side-navigation ul[data-preset=preset-4] li.active a:after, #side-navigation ul[data-preset=preset-4] li:hover a:after {
  background-color: #71abe8;
}

.full-screen-section {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.full-screen-section > div {
  flex: 1;
}


/* ================================================= */
/* Fichier CSS MonClub - Inscriptions et Classement   */
/* ================================================= */

/* ------------------------------------------------- */
/* 1. STYLES GÉNÉRAUX ET CONTENEURS (Normalisation)    */
/* ------------------------------------------------- */

/* Réduction de la largeur du contenu principal et centrage (pour les pages de shortcodes et de liste) */
#primary.content-area,
main#main.site-main {
    max-width: 800px; 
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px; 
}

/* Centrage du titre principal de la page (ex: Liste des Joueurs) */
.entry-header {
    text-align: center; 
}
.entry-header h1 {
    text-align: center !important; 
    margin-top: 20px;   
    margin-bottom: 20px;
}

/* Centrage du paragraphe "Total des joueurs inscrits" */
.entry-header + p { 
    text-align: center;
    margin-bottom: 20px;
}

/* Styles pour le tableau de la liste des joueurs (page de détail) */
.tableau-liste-joueurs {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}
.tableau-liste-joueurs th,
.tableau-liste-joueurs td {
    text-align: center;
    padding: 10px;
    border: 1px solid #ddd;
}


/* ------------------------------------------------- */
/* 2. BOUTONS D'INSCRIPTION ET DE LIEN                 */
/* ------------------------------------------------- */

/* Style de base pour tous les boutons du module */
.monclub-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px !important;
    font-size: 0.9em;
    font-weight: 600;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    transition: background-color 0.3s ease;
    text-decoration: none; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
    white-space: nowrap; 
}

.monclub-btn i {
    margin-right: 6px; 
    font-size: 1.1em;
}

/* Bouton S'INSCRIRE (Vert) */
.btn-inscrire {
    background-color: #28a745 !important;
    color: white !important;
}
.btn-inscrire:hover {
    background-color: #218838 !important;
}

/* Bouton SE DÉSINSCRIRE (Rouge) */
.btn-desinscrire {
    background-color: #dc3545 !important;
    color: white !important;
}
.btn-desinscrire:hover {
    background-color: #c82333 !important;
}

/* Bouton VOIR LA LISTE (Bleu) */
.btn-voir-liste {
    background-color: #0054FF !important;
    color: white !important;
}
.btn-voir-liste:hover {
    background-color: #2980b9 !important;
}

/* ------------------------------------------------- */
/* 3. STYLES GRAPHIQUES DU TABLEAU DES SÉANCES/MATCHS  */
/* ------------------------------------------------- */

.tableau-entrainements, .tableau-matchs {
    width: 100%;
    border-collapse: separate; 
    border-spacing: 0; 
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #ffffff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); 
    border-radius: 12px; 
    overflow: hidden; 
}

/* En-têtes du tableau */
.tableau-entrainements th, .tableau-matchs th {
    background-color: #2c3e50; 
    color: #ecf0f1; 
    font-weight: 600; 
    padding: 15px 10px;
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 0.5px;
    text-align: center;
}

/* Coins arrondis pour les en-têtes */
.tableau-entrainements th:first-child { border-top-left-radius: 12px; }
.tableau-entrainements th:last-child { border-top-right-radius: 12px; }
.tableau-matchs th:first-child { border-top-left-radius: 12px; }
.tableau-matchs th:last-child { border-top-right-radius: 12px; }

/* Cellules du corps du tableau */
.tableau-entrainements td, .tableau-matchs td {
    background-color: #ffffff;
    color: #000000; 
    padding: 18px 10px;
    border-bottom: 1px solid #e0e6ed; 
    text-align: center;
    vertical-align: middle;
    font-size: 1.05em;
    font-weight: 700;
}

/* Dernière cellule de la dernière ligne */
.tableau-entrainements tbody tr:last-child td {
    border-bottom: none;
}

/* Survol des lignes */
.tableau-entrainements tbody tr:hover, .tableau-matchs tbody tr:hover{
    background-color: #f7f9fb; 
}

/* Styles pour les dates (gras) */
.tableau-entrainements td strong, .tableau-matchs td strong{
    color: #000000; 
    font-weight: 700;
}

/* Réajustement du compteur de joueurs */
.tableau-entrainements td .nombre-inscrits-valeur strong {
    font-size: 1.3em; 
    color: #0054FF; 
}

/* Réajustement du compteur de joueurs */
.tableau-matchs td .nombre-inscrits-valeur strong {
    font-size: 1.3em; 
    color: #0054FF; 
}


/* ------------------------------------------------- */
/* 4. TABLEAU DE CLASSEMENT GLOBAL                     */
/* ------------------------------------------------- */

.monclub-classement-conteneur {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 8px;
    max-width: 600px; 
    margin-left: auto;
    margin-right: auto;
    text-align: center; 
}

.monclub-classement-conteneur h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 25px;
}

.tableau-classement {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background-color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.tableau-classement th {
    background-color: #007bff; 
    color: white;
    padding: 12px 10px;
    text-align: left;
}

.tableau-classement td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    text-align: left;
}

.tableau-classement tbody tr:nth-child(even) {
    background-color: #f4f4f4;
}

/* Alignement des colonnes spécifiques du classement */
.tableau-classement .col-rang,
.tableau-classement .col-presences {
    text-align: center; 
    font-weight: bold;
}

.tableau-classement .col-rang {
    width: 10%;
    background-color: #ffc107; 
}

/* ------------------------------------------------- */
/* 5. FORMULAIRE D'AJOUT DE MATCH (ADMIN) & BOUTON   */
/* ------------------------------------------------- */

/* Conteneur du formulaire */
.monclub-form-container {
    max-width: 500px;
    margin: 40px auto;
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

/* Styles des champs du formulaire */
.monclub-form-container label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
    margin-top: 15px;
}

.monclub-form-container input[type="text"],
.monclub-form-container input[type="date"],
.monclub-form-container input[type="time"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box; 
    font-size: 16px;
}

.monclub-form-container .submit-button-wrap {
    text-align: center;
    margin-top: 30px;
}

/* Bouton d'Administration "Enregistrer un Match" */
.monclub-admin-controls {
    text-align: center; /* Centrage du bouton */
    margin-bottom: 30px; 
    padding-right: 15px; 
}

.btn-admin-match {
    background-color: #2D64F0 !important; 
    color: white !important;
    padding: 10px 20px !important;
    font-size: 1.0em !important;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

.btn-admin-match:hover {
    background-color: #2D64F0 !important;
}

/* Style pour le bouton supprimer (Rouge) */
.btn-supprimer {
    background-color: #dc3545 !important;
    color: #fff !important;
}

.btn-supprimer:hover {
    background-color: #c82333 !important;
}

/* Gestion du responsive pour la 7ème colonne */
@media screen and (max-width: 600px) {
    .tableau-entrainements td:nth-child(7)::before {
        content: attr(data-label) ": ";
        font-weight: bold;
    }
    
    /* Si vos boutons sont trop larges sur mobile */
    .btn-supprimer {
        width: 100%;
        margin-top: 5px;
    }
}

/* ================================================= */
/* 4. RESPONSIVE DESIGN (Media Query pour Mobile)     */
/* ------------------------------------------------- */
/* Les styles sont appliqués aux deux tableaux (Entraînement/Matchs) */
/* mais les indexations de colonnes sont spécifiques et isolées. */
/* ================================================= */

@media screen and (max-width: 600px) {
    
    /* === 1. Styles structurels génériques (Appliqués aux deux tableaux) === */
    .tableau-entrainements, .tableau-matchs {
        border-radius: 0; 
        box-shadow: none; 
        margin-top: 0; 
        margin-bottom: 0;
    }

    /* Affichage en blocs (un tr = une carte) */
    .tableau-entrainements th, .tableau-matchs th, .tableau-entrainements thead, .tableau-matchs thead,
    .tableau-entrainements tbody, .tableau-matchs tbody, .tableau-entrainements td, .tableau-matchs td,
    .tableau-entrainements tr, .tableau-matchs tr {
        display: block; width: 100% !important; 
    }
    .tableau-entrainements thead, .tableau-matchs thead { display: none; }
    
    .tableau-entrainements tr, .tableau-matchs tr { /* Styles de la carte */
      margin-bottom: 25px; 
        border-radius: 10px; 
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 
        padding: 15px; 
        display: flex; 
        flex-wrap: wrap; 
        align-items: center; 
        justify-content: center; 
        text-align: center;
    }
    
    .tableau-entrainements td, .tableau-matchs td { /* Styles des lignes dans la carte */
        border-bottom: none !important; 
        position: relative; /* Nécessaire pour l'ancrage absolu du label */
        padding: 8px 0 !important; 
        text-align: left !important; 
        width: 100%; 
        display: flex; 
        align-items: center;
        justify-content: space-between; 
    }
    
    .tableau-entrainements td::before, .tableau-matchs td::before {
        content: attr(data-label) ":"; 
        font-weight: bold; 
        color: #000000; 
        flex-basis: 45%; 
        text-align: left; 
        padding-right: 10px;
    }

    /* Styles des valeurs (appliqués aux deux) */
    .tableau-entrainements td > *, .tableau-matchs td > * {
        flex-basis: 50%; 
        text-align: right; 
    }
    
    /* Colonne Date/Heure (1ère colonne) - Toujours en haut, centrée (Appliqués aux deux) */
    .tableau-entrainements td:nth-child(1), .tableau-matchs td:nth-child(1) {
        order: -1; 
        font-size: 1.2em; 
        font-weight: bold; 
        color: #000000; 
        margin-bottom: 10px; 
        border-bottom: 1px solid #000000 !important;
        padding-bottom: 15px !important; 
        display: block; 
        text-align: center !important; 
        width: 100%; 
        justify-content: center;
    }
    .tableau-entrainements td:nth-child(1)::before, .tableau-matchs td:nth-child(1)::before {
        content: none; /* Masque le label pour le titre principal */
    }


    /* ================================================= */
    /* 🚨 4.1. LOGIQUE SPÉCIFIQUE ENTRAÎNEMENTS (5 colonnes) */
    /* ================================================= */

    /* Inscrits (3ème colonne) - Aligné à gauche */
    .tableau-entrainements td:nth-child(3) { 
        order: 0;
     
  
        text-align: right !important;
        border-bottom: 1px solid #000000 !important; 
        padding-bottom: 15px !important;
        display: flex; 
        justify-content: space-between;
    }
    .tableau-entrainements td:nth-child(3)::before {
        content: attr(data-label) ": "; 
        position: static;
        width: 45%; 
        font-weight: bold; 
        text-align: left; 
        color: #000000;
        flex-basis: auto !important; 
    }

    /* Présence (4ème colonne) et Liste (5ème colonne) - Boutons sans label */
    .tableau-entrainements td:nth-child(4) { order: 1; }
    .tableau-entrainements td:nth-child(5) { order: 2; }
    
    .tableau-entrainements td:nth-child(4)::before, 
    .tableau-entrainements td:nth-child(5)::before { 
        content: none !important; /* Masque les labels pour les boutons */
    }
    
    /* Conteneur des boutons d'Entraînement */
    .tableau-entrainements td:nth-child(4), 
    .tableau-entrainements td:nth-child(5) { 
      justify-content: center; 
        text-align: center !important; 
        margin-top: 10px; 
        padding-top: 15px !important;
        flex-direction: column;
    }


    /* ================================================= */
    /* 🚨 4.2. LOGIQUE SPÉCIFIQUE MATCHS (6 colonnes) */
    /* ================================================= */

    /* Adversaire (2ème colonne) et Lieu (3ème colonne) - Ordre: 0 et 1 (Utilisent les styles TD génériques) */
    .tableau-matchs td:nth-child(2) { order: 0; }
    .tableau-matchs td:nth-child(3) { order: 1; }
    
    /* Inscrits (4ème colonne) - Aligné à gauche */
    .tableau-matchs td:nth-child(4) { 
        order: 2; 
        text-align: right !important;
        border-bottom: 1px solid #000000 !important; 
        padding-bottom: 15px !important;
        display: flex; 
        justify-content: space-between;
    }
    .tableau-matchs td:nth-child(4)::before {
        content: attr(data-label) ": "; 
        position: static; /* Ancre le label */
        left: 6px; /* Force l'alignement à gauche */
        width: 45%; 
        font-weight: bold; 
        text-align: left; 
        color: #000000;
        flex-basis: auto !important; 
    }

    /* Présence (5ème colonne) et Liste (6ème colonne) - Boutons sans label */
    .tableau-matchs td:nth-child(5) { order: 3; }
    .tableau-matchs td:nth-child(6) { order: 4; }

    .tableau-matchs td:nth-child(5)::before, 
    .tableau-matchs td:nth-child(6)::before { 
        content: none !important; /* Masque les labels pour les boutons */
    }

    /* Conteneur des boutons de Matchs */
    .tableau-matchs td:nth-child(5), 
    .tableau-matchs td:nth-child(6) { 
        justify-content: center; text-align: center !important; 
        margin-top: 10px; 
        padding-top: 15px !important;
        flex-direction: column;
    }

    /* ------------------------------------------------- */
    /* Styles généraux mobiles (pour tous les boutons/contrôles)   */
    /* ------------------------------------------------- */

    .monclub-btn {
        width: 90%; margin-bottom: 5px; display: flex; justify-content: center; 
    }
    
    .monclub-admin-controls {
        text-align: center; padding-left: 0; padding-right: 0;
    }
}