.intro{
    width: 100%;
    color: white ;
}

.intro_wrapper{
    padding: 20px 10%;
    text-align: center;
}


.intro_wrapper h2{
    text-align: center;
    color: white;
    font-size: 90px;
    letter-spacing: -6px;
    line-height: 70px;
    margin-bottom: 20px;
}

.coach_desc{
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -1px;
    margin-bottom: 60px;
}

.coach_limit{
    margin: 0;
    font-weight: 200;
    letter-spacing: 5px;
    font-size: 18px !important;
    color: white !important;
}

.intro_wrapper p{
    padding: 0 20%;
}


.coach_global{
    display: flex;
    gap:10px;
    justify-content: space-around;
    padding: 0px 50px;
}



/*ROOM FAVORITES*/
.room_coach_wrapper_outer{
    padding: 0 30%;
}
.room_coach_wrapper{
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ff2e512c;
    box-shadow: 1px 5px 1px 1px rgba(255, 46, 81, 0.88);
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

h3.room_coach {
    text-align: center;
}



.room_coach{
    color: white !important;
    font-weight:200;
    font-size: 16px !important;
    margin-top: 0;
}



/*CTA COACH*/

.cta_coach{
    display: flex;
    justify-content: center;
    gap:30px;
    padding-top: 30px;
    padding-bottom: 30px;
}


.cta_coach a{
    padding: 14px 40px;
    border-radius: 30px;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -0.95px;
    color: white;
}

.cta_coach a:hover{
    color: white !important;
}


.cta_mail{
    display: flex;
    align-items: center;
    gap: 10px;
    border:1px solid white;
    box-shadow: 1px 1px 5px 1px rgba(255, 255, 255, 0.48);
    transition: box-shadow ease 0.4s;
}

.cta_mail:hover{
    box-shadow: 1px 1px 5px 1px rgba(255, 255, 255, 0.78);
   
}




.cta_discord{
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgb(92 67 245) !important;
    -webkit-box-shadow: 0px 0px 14px 0px #5C43F5;
    box-shadow: 0px 0px 14px 0px #5C43F5;
}

.cta_discord svg{
    position:relative;
    top: -2px;
}

.cta_mail svg{
    position:relative;
    
}



.coach_global > div {
    flex: 1; /* chaque enfant prendra 50% si deux colonnes */
  min-width: 0; /* évite les débordements */
}

.coach-card {
    padding: 20px;
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.bio{
    
     padding: 20px;
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}


.coach-name {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.remplissage{
    color: white !important;
    font-size: 14px !important;
    text-align: center;
    letter-spacing: 2px;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* Conteneur */
.coach-bar-container{
  background:#11111124;
  border:1px solid rgba(255,255,255,.325);
  width:70%;
  margin:30px auto 0;
  height:30px;
  border-radius:30px;
  overflow:hidden;
}

/* Barre de remplissage */
.coach-bar-fill{
  /* point de départ */
  width:0;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:700;
  font-size:.9rem;

  /* dégradé + shimmer */
  background:linear-gradient(90deg,#2cec59 0%, #ffbf00 15%, #ff2e52 50%, #ee092f 100%);
  background-size:200% 100%;

  /* 2 animations, mais PAUSÉES par défaut */
  animation:
    grow 1.9s ease-out forwards;
    
  animation-play-state:paused;
}

/* quand JS ajoute .run, les anim se lancent */
.coach-bar-fill.run{ animation-play-state:running; }

@keyframes grow   { to { width:var(--progress);} }


.coach-bar-label{
    pointer-events: none;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 6px; 

}

.emer{
    display: flex;
    justify-content: center;
}

.emer h3{
    color: white;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 200;
    text-align: center;

}

.coach-bar-info {
    font-size: 0.85em;
    color: #ffffff;
    display: block;
    margin-top: 5px;
    text-align: center;
}

.price_wrapper{
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 30px;
}


.price_wrapper p{
    margin: 0;
}

.divider_coach{
    margin: 45px auto;
    height: 1px;
    background: rgb(255, 46, 81);
    width: 300px;
    box-shadow: 1px 1px 5px 1px rgba(255, 46, 81, 0.88);
}

/*** TARIFS****/

.tarif_coach_title{
    color: white !important;
    font-weight:200;
    text-align: center;
}



.coach-price-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
    
    background: rgb(255, 255, 255);
    border: 1px solid white;
    color: #333333;
    font-size: 20px;
    font-weight: 700;
    min-height: 80px;
    box-shadow: 1px 1px 5px 1px rgba(255, 46, 81, 0.364);
    transition: box-shadow ease 0.4s;
    -webkit-transition: box-shadow 0.4s;
}


.coach-price-info:hover{
    box-shadow: 1px 1px 15px 1px rgba(255, 46, 81, 0.88);
    cursor: pointer;
    background: rgba(25, 25, 25, 0.389);
    border: 1px solid rgba(255, 46, 81, 0.364);
    color: white;
}




.tarif_title{
    font-weight: 200;
    padding: 0 !important;
}


.tarif{
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -2px;
    padding: 0 !important;
}





.review-success-box {
    background-color: #e6f7ec;
    border-left: 4px solid #a3a728;
    padding: 12px 16px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 14px;
    color: #155724;
}


.review-success-box {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}


.coach-reviews-swiper{
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
}

.swiper {
    margin-top: 20px;
    padding-bottom: 60px;
}
.swiper-slide {
  min-height: 350px; 
  height: 400px;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  box-sizing: border-box;
   background: rgba(0, 0, 0, 0.444);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 15px;
  box-shadow: 1px 3px 21px 1px rgba(255,46,82,0.86);
  transition: box-shadow ease 0.5s;
  cursor: pointer;
}

.swiper-slide:hover {
    box-shadow: 1px 9px 41px 1px rgba(255,46,82,0.96)
}

.logo_avis{
    width: 40px;
    margin-bottom: 10px;
}

.nom_eleve_wrapper{
    display: flex;
    align-items: center;
    gap:10px;
}

.nom_eleve{
    color: white  !important;
    font-size: 23px !important;
    margin-top: 0px;
}


.formule{
    color: rgb(255, 46, 81);
    border: 1px solid rgb(255, 46, 81);
    padding: 6px 10px;
    border-radius: 10px;
    
    font-size: 11px;
}

.stars_wrapper{
    display: flex;
    gap:3px;
}




.swiper-slide p{
    color: white !important;
    font-weight: 200;
}


.date_coaching{
    margin-top: 0px;
    display: flex;
    justify-content: flex-end;
    color:white;
    width: 100%;
    padding-right:10px
}




.swiper-pagination {
    margin-top: 10px;
    text-align: center;
}








/***CHOIX DES ROOMS****/

.coach-rooms-icons {
    display: flex;
    gap: 60px;
    margin: 10px 0;
    justify-content: center;
}
.coach-room-icon {
    width: 32px;
    height: 32px;
    object-fit: contain;
}


.coach-rooms-icons img{
    width: 70px;
    height: 100%;
}



.les_avis_eleves{
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 80px;
    padding-right: 80px;
}

.les_avis_eleves h2{
    color: white;
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: -4px;
    line-height: 50px;
    margin-bottom: 20px;
}

@media (max-width:767px){
    .les_avis_eleves{
        padding-left:0;
        padding-right: 0;
    }
}



.coach_rea{
    position: relative;
    z-index: 1;
    margin-top: 80px;
    margin-left: 10%;
    margin-right: 10%;
    padding: 20px 60px;
    border-radius: 20px;
    text-align: left;
    background: rgba(0, 0, 0, 0.303);
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(255, 46, 81, 0.6) !important;
    color: white;
}

.coach_rea h2{
    text-align: center;
    color: white;
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: -4px;
    line-height: 50px;
    margin-bottom: 50px;
}

.coach_rea ul li{
    list-style: none;
  position: relative;
  padding-left: 2em;
}

ul.svg-bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 1.2em;
  height: 1.2em;
  background-image: url('data:image/svg+xml;utf8,<svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.4933 6.93502C15.8053 7.20743 15.8374 7.68122 15.565 7.99325L7.70786 16.9933C7.56543 17.1564 7.35943 17.25 7.14287 17.25C6.9263 17.25 6.72031 17.1564 6.57788 16.9933L3.43502 13.3933C3.16261 13.0812 3.19473 12.6074 3.50677 12.335C3.8188 12.0626 4.29259 12.0947 4.565 12.4068L7.14287 15.3596L14.435 7.00677C14.7074 6.69473 15.1812 6.66261 15.4933 6.93502Z" fill="%23ff2e52"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5175 7.01946C20.8174 7.30513 20.829 7.77986 20.5433 8.07981L11.9716 17.0798C11.8201 17.2389 11.6065 17.3235 11.3872 17.3114C11.1679 17.2993 10.9649 17.1917 10.8318 17.0169L10.4035 16.4544C10.1526 16.1249 10.2163 15.6543 10.5458 15.4034C10.8289 15.1878 11.2161 15.2044 11.4787 15.4223L19.4571 7.04531C19.7428 6.74537 20.2175 6.73379 20.5175 7.01946Z" fill="%23ff2e52"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


.jeton{
    position: absolute;
    background-image: url('https://pokerevolution.eu/wp-content/uploads/2025/05/jeton_2-1.png');
    background-size:cover;
    background-repeat:no-repeat;
    width: 600px;
    height: 800px;
    z-index: 0;
    top:600px;
    right: 3%;
}

.page-id-160916 .jeton{
    position: absolute;
    background-image: url('https://pokerevolution.eu/wp-content/uploads/2025/05/jeton_2-1.png');
    background-size:cover;
    background-repeat:no-repeat;
    width: 600px;
    height: 800px;
    z-index: 0;
    top:1200px;
    right: 3%;
}

.coach_rea p{
    padding: 0 !important;
    font-size: 23px;
    line-height: 26px;
    letter-spacing: -1px;
}


.fat1{
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 5px #ff2E52, 0 0 10px #ff2E52, 0 0 20px #ff2E52, 0 0 40px #ff2E52;
}


/*Espace commentaires*/

.avis_wrapper{
    padding:10px 5%;

}

.avis_wrapper {
  position: relative;
  overflow: hidden;
}

.coach-review-form{
    position: relative;
    z-index:1;
}

.avis_bg_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.avis_content {
  position: relative;
  z-index: 1;
  color: white; /* ou autre couleur selon ton design */
}

@media (min-width:768px){
    .avis_wrapper_2{
        padding: 10px 5%;
    }
}

@media (max-width:768px){
    .avis_wrapper_2{
         padding: 10px 10px;
    }
}


/* Fallback image sur mobile */
@media (max-width: 768px) {
  .avis_bg_video {
    display: none;
  }

  .avis_wrapper_2 {
    background: url('https://pokerevolution.eu/wp-content/uploads/2025/06/mars_mobile.jpg') center center / cover no-repeat;
  }
}


.flex_formulaire{
    display: flex;
}


.avis_wrapper_2 input, .avis_wrapper-2 select, .avis_wrapper_2 textaera{
    border-radius: 20px !important;
    border: 1px solid rgb(255, 46, 81) !important;
}


.title_avis{
    text-align: center;
    color: white !important;
    margin-bottom:30px;
}


.formulaire{
    border-radius: 20px;
    background: rgba(225, 225, 225, 0.092);
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(255, 46, 81, 0.04) !important;
    background-image: none !important;
    color: white;
    font-weight: 600;
}


.formulaire_flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 0 20%;
}

.formulaire_flex label {
  display: flex;          /* empile le label et l’input */
  flex-direction: column; /* "titre" au-dessus du champ */
  color: white !important;
}

/* Une seule colonne en mobile */
@media (max-width: 768px) {
  .formulaire_flex {
    grid-template-columns: 1fr;
  }
}

/* Exemple : textarea ou bouton qui doivent prendre toute la largeur */
.formulaire_flex .full {
  grid-column: 1 / -1;    /* span sur les 2 colonnes */
}

.submit_wrapper{
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom:40px;
}

.submit_reviews{
    background: rgba(0, 0, 0, 0.211)!important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: white !important;
    position: relative;
    margin: auto;
    border-radius: 30px !important;
    padding-left:30px !important;
    padding-right:30px !important;
    letter-spacing:3px !important
}




@media (max-width:767px){

    .intro_wrapper{
        padding: 10px !important;
    }

    .intro_wrapper p{
        padding: 0 !important
    }

    .intro_wrapper h2 {
    text-align: center;
    color: white;
    font-size: 70px;
    letter-spacing: -3px;
    line-height: 55px;
    margin-bottom: 20px;
    }

    .coach_desc {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -1px;
    margin-bottom: 60px;
    }

    .coach_rea {
    position: relative;
    z-index: 1;
    margin-top: 80px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 5px 5px;
    border-radius: 20px;
    text-align: left;
    background: rgba(0, 0, 0, 0.303);
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(255, 46, 81, 0.6) !important;
    color: white;
    }

    .coach_rea h2 {
    text-align: center;
    color: white;
    font-size: 34px;
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: -1px;
    line-height: 35px;
    margin-bottom: 50px;
    }

    .coach_rea p {
    padding: 0 !important;
    font-size: 21px;
    line-height: 24px;
    letter-spacing: -1px;
    }

    .coach-price-info {
        padding:14px
    }

    .remplissage {
    color: white !important;
    font-size: 14px !important;
    text-align: center;
    letter-spacing: 2px;
    margin-top: 40px;
    margin-bottom: 8px;
    }

    .cta_coach {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
.les_avis_eleves{
    padding: 5px;
}
.les_avis_eleves h2{
    font-size: 43px;
    line-height: 40px; 
}

.formulaire_flex {
    padding: 0 10%;
}


.jeton {
    position: absolute;
    background-image: url(https://pokerevolution.eu/wp-content/uploads/2025/05/jeton_2-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 683px;
    height: 800px;
    z-index: 0;
    top: 1400px;
    right: 7%;
}

.room_coach_wrapper_outer {
    padding: 0px 5%;
}


.coach-rooms-icons {
    display: flex;
    gap: 12px;
    margin: 10px 0;
    justify-content: center;
}

.coach-bar-container {
    width: 90%;
}

.coach-bar-label {
    pointer-events: none;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 12px;
}

.emer h3 {
    font-size: 15px;
}



}