@charset "utf-8";
/* Style du solde */
#cs2-solde-wrapper{
  display:inline-block;
  font-size:18px;          /* taille demandée */
  line-height:1.2;
  font-weight:700;
  color:#FFBA06;           /* jaune */
  font-variant-numeric: tabular-nums; /* chiffres alignés propres */
}

/* Optionnel si tu veux un label au-dessus, ou une mise en forme différente */
#cs2-solde-wrapper .cs2-label{ display:block; font-size:14px; opacity:.8; margin-bottom:4px; }

/* --- Modale de confirmation de mise --- */
.cs2-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:999999}
.cs2-modal--open{display:flex}
.cs2-modal__dialog{background:#fff;border-radius:14px;padding:20px;max-width:560px;width:calc(100% - 32px);box-shadow:0 10px 30px rgba(0,0,0,.2)}
.cs2-modal__title{font-size:18px;font-weight:700;margin:0 0 10px}
.cs2-modal__body{font-size:16px;margin:0 0 18px}
.cs2-modal__actions{display:flex;gap:10px;justify-content:flex-end}
.cs2-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;border:0;cursor:pointer}
.cs2-btn--cancel{background:#e9ecef}
.cs2-btn--confirm{background:#0a7;color:#fff}
.cs2-btn[disabled]{opacity:.6;pointer-events:none}

/* Message de confirmation = plus petit */
.cs2-mise .cs2-mise-feedback,
.cs2-mise .cs2-mise-feedback *{
  font-size:16px !important;   /* nettement plus petit */
  line-height:1.4;
  font-weight:600;
}

.cs2-ticket--empty{
    text-align:center;
    width:300px;
    margin:0 auto;
}

/* Bouton "Je mise ici X €" = plus grand, or, centré verticalement */
.cs2-mise .cs2-miser-btn{
  display:flex;
  flex-direction:column;
  align-items:center;          /* centrage vertical */
  justify-content:center;
  min-height:56px;
  padding:12px 22px;
  font-size:22px !important;   /* plus gros */
  font-weight:700;
  color: #07342F!important;    /* vert habituel */
  background: #FFBA06;         /* jaune titre (si besoin) */
  border:2px solid #07342F;
  border-radius:10px;
  line-height:1;               /* évite le décalage vertical */
  text-align:center;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
  margin:0 auto; /*centrage dans le container*/
}

.cs2-mise .cs2-miser-btn:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
  color: #07342F!important;    /* vert habituel */
  background: #FFBA06!important;         /* jaune titre (si besoin) */
  border:2px solid #07342F;
}

.cs2-mise .cs2-miser-btn.is-busy{
  opacity:.6;
  pointer-events:none;
}

/* Zone tickets dans le container #affiche_mise */
/* Titre + liste */
#affiche_mise .cs2-tickets-title{
  text-align:center;
  color:#FFBA06;
  font-weight:700;
  font-size:18px;
  margin:6px 0 10px;
  display:block;
}

#affiche_mise .cs2-tickets-list{
  display:flex;
  flex-wrap:wrap;          /* retour auto */
  gap:8px;
  align-items:flex-start;  /* <-- NE PAS étirer en hauteur */
  align-content:flex-start;
}

#affiche_mise .cs2-ticket{
  display:inline-block;
  height:auto;             /* <-- stop hauteur étirée */
  white-space:nowrap;      /* #123 sur une seule ligne */
  color:#FFBA06;
  font-size:13px;
  line-height:1.2;
  padding:3px 8px;
  border:1px solid rgba(255,186,6,.55);
  border-radius:6px;
  background:rgba(255,186,6,.07);
}

/* Forcer l'empilement titre au-dessus, tickets en dessous */
#affiche_mise .cs2-tickets-block{
  display:flex !important;
  flex-direction:column !important;
  width:100%;
}

/* Messages */
.cs2-mise .cs2-mise-feedback.cs2-msg-success { color:#07342F; } /* vert or */
.cs2-mise .cs2-mise-feedback.cs2-msg-error   { color:#e53935; } /* rouge */

#cs2-mes-mises{
    color:#07342F;
    font-size:19px;
}
#cs2-mes-mises .cs2-mes-mises-title{
    text-align: center;
    font-weight: 700;
}
/* Label 2 lignes à l'intérieur du bouton Elementor */
.elementor-button .cs2-btn-label,
.elementor-button-text .cs2-btn-label{
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:1.15;
  text-transform:none !important; /* évite les majuscules globales */
}

.cs2-btn-label .cs2-btn-l1{
  font-size:23px;
  font-weight:700;
  color:#FFBA06 !important; /* jaune or */
}

.cs2-btn-label .cs2-btn-l2{
  margin-top:2px;
  font-size:15px;
  font-weight:700;
  color:#e53935 !important; /* rouge */
}
.titre_jouer{
    color:#07342F!important;
    text-align:center;
}
@media (max-width: 767px) {
  .titre_jouer {
    text-align: center;      /* centre le texte */
    display: block;          /* au cas où Elementor applique flex */
    margin-left: auto;       /* supprime tout décalage gauche */
    margin-right: auto;      /* supprime tout décalage droit */
  }
}

.titre_joue_pour{
    color:#ffffff;
}
@media (max-width: 767px) {
  .titre_joue_pour {
    text-align: center;      /* centre le texte */
    display: block;          /* au cas où Elementor applique flex */
    margin-left: auto;       /* supprime tout décalage gauche */
    margin-right: auto;      /* supprime tout décalage droit */
  }
}

.nom_joueur{
    color:#ffffff;
}
@media (max-width: 767px) {
  .nom_joueur {
    text-align: center;      /* centre le texte */
    display: block;          /* au cas où Elementor applique flex */
    margin-left: auto;       /* supprime tout décalage gauche */
    margin-right: auto;      /* supprime tout décalage droit */
    font-size:15px;
    color:#ffffff;
  }
}