* {text-transform: initial !important;}

/* **************************************************************** */
/* Code CSS réglant le diaporama de la page d'accueil               */
/* 2024-09-12 - 09h56                                               */
/* **************************************************************** */
/* Pour changer le nombre d'images du diaporama :                   */
/*    - adapter la ligne : animation-duration: 40s;  (5s par image) */
/*    - adapter le nombre de ligne                                  */
/*          .Slideshow-Content img:nth-of-type(x) {....             */
/*          @keyframes fadeInOut {...                               */               
/*    - adapter le code html de la page d'accueil pour pointer      */
/*                                   sur toutes les images          */
/* **************************************************************** */
.Slideshow {
    width: 70%; /* La largeur du conteneur est de 70% de l'élément parent */
    max-width: 800px; /* La largeur maximale du conteneur est de 800px */
    height: 460px; /* La hauteur fixe du conteneur est de 460px */
    overflow: hidden; /* Cache les parties des images qui dépassent les limites du conteneur */
    margin: 0 auto; /* Centre le conteneur horizontalement */
}

.Slideshow-Content {
    position: relative; /* Positionne les éléments enfants en relation avec ce conteneur */
    height: 90%; /* La hauteur du conteneur de contenu est de 90% de la hauteur de .Slideshow */
}

.Slideshow-Content img {
    position: absolute; /* Les images sont positionnées absolument par rapport à .Slideshow-Content */
    top: 0; /* Les images commencent au haut du conteneur parent */
    left: 0; /* Les images commencent à gauche du conteneur parent */
    width: 90%; /* Les images occupent 90% de la largeur du conteneur parent */
    height: 90%; /* Les images occupent 90% de la hauteur du conteneur parent */
    object-fit: cover; /* Les images sont redimensionnées pour couvrir le conteneur sans déformation */
    opacity: 0; /* Initialement invisibles */
    transition: opacity 1s ease-in-out; /* Pour une transition douce entre les images */
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8); /* Ombre portée plus marquée */
}
/* **************************************************************** */
/*  Fin du code CSS réglant le diaporama de la page d'accueil       */
/* **************************************************************** */

/************** Fin personnalisation homepage v2 *******************/
body.homepage .line-seances .container,
body.homepage .line-info .container,
body.homepage .line-adhesion .container,
body.homepage .line-livre-or .container
{
    padding: 35px 25px;
}

body.homepage .line-seances-entete .container {
    padding-bottom: 0;
}
body.homepage .line-seances-contenu .container {
    padding-top: 10px;
}

body.homepage .line-seances .container,
body.homepage .line-adhesion .container
{
    background-color: #FDF6EE;
}

body.homepage .line-seances h2 { font-weight: bold; }
body.homepage .line-seances div[data-zone-alias="Promotion"] {background-color: #fff;}

body.homepage .rc-infos-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

body.homepage .rc-info-card {
  background: #FAFAF8;
  border: 0.5px solid #e2ddd6;
  border-radius: 10px;
  padding: 20px;
}
body.homepage .rc-info-card h4 {
    text-transform: uppercase;
    font-weight: bold;
}

body.homepage .rc-steps {
  display: flex;
  gap: 0;
  margin-top: 18px;
  margin-bottom: 12px;
}
body.homepage .rc-step {
  flex: 1;
  position: relative;
}
body.homepage .rc-step-num {
  width: 28px;
  height: 28px;
  background: #ec684a;
  color: #fff;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
body.homepage .rc-step-title {
  font-size: 14px;
  font-weight: 500;
  color: #1a1a18;
  margin-bottom: 4px;
}
body.homepage .rc-step-desc {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
}
body.homepage .rc-step-arrow {
  position: absolute;
  top: 14px;
  right: 0;
  width: 24px;
  height: 1px;
  background: #d4cfc8;
}
body.homepage .rc-step-arrow::after {
  content: '';
  position: absolute;
  right: 0;
  top: -3px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #d4cfc8;
}

/* Personnalisation de la liste des séances sur la homepage */
/* --- Layout général --- */

body.homepage .events.allEvents.events-mosaic .row {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
body.homepage .events.allEvents.events-mosaic .col-sm-12 {
  width: 100%;
  padding: 0;
  float: none;
}

/* --- Carte séance --- */
body.homepage .events.allEvents.events-mosaic .item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
  background: #ffffff;
  border: 0.5px solid #e2ddd6;
  border-radius: 10px;
  margin: 0;
}

/* Éléments redondants ou inutiles : masqués */
body.homepage .events.allEvents.events-mosaic .item h4.e-date {
  display: none;
}
body.homepage .events.allEvents.events-mosaic .item hr {
  display: none;
}

/* --- Titre de la séance (h3) --- */
body.homepage .events.allEvents.events-mosaic .item h3 {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: #1a1a18;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

/* --- Mention "Places restantes" --- */
body.homepage .events.allEvents.events-mosaic .item p:not(.actions) {
  margin: 0;
  font-size: 12px;
  color: #C86A0A;
  background: #FEF0DE;
  padding: 3px 10px;
  border-radius: 20px;
  white-space: nowrap;
  line-height: 1.6;
}

/* --- Zone boutons --- */
body.homepage .events.allEvents.events-mosaic .item p.actions {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

/* Bouton "Détails" */
body.homepage .events.allEvents.events-mosaic .item .btn.btn-default {
  font-size: 12px;
  color: #888;
  background: transparent;
  border: 0.5px solid #d4cfc8;
  border-radius: 6px;
  padding: 6px 12px;
  margin-top:0;
  margin-bottom: 0;
  text-decoration: none;
  font-weight: 400;
  box-shadow: none;
  transition: border-color 0.15s;
}

body.homepage .events.allEvents.events-mosaic .item .btn.btn-default:hover {
  border-color: #aaa;
  color: #555;
  background: transparent;
}

/* Bouton "M'inscrire" (places disponibles) */
body.homepage .events.allEvents.events-mosaic .item .btn.btn-primary {
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  background: #C86A0A;
  border: none;
  border-radius: 6px;
  padding: 7px 16px;
  margin-top:0;
  margin-bottom: 0;  text-decoration: none;
  box-shadow: none;
  transition: background 0.15s;
}

body.homepage .events.allEvents.events-mosaic .item .btn.btn-primary:hover {
  background: #a85808;
  color: #ffffff;
}

/* --- Séance complète : pas de .btn-primary dans .actions --- */
body.homepage .events.allEvents.events-mosaic .item:not(:has(.btn-primary)) {
  background: #F8F8F8;
}

/* Badge "Complet" injecté via CSS après les boutons */
body.homepage .events.allEvents.events-mosaic .item:not(:has(.btn-primary)) .actions::after {
  content: 'Complet';
  font-size: 12px;
  color: #999;
  background: #f0efed;
  border: 0.5px solid #e2ddd6;
  padding: 4px 12px;
  border-radius: 20px;
}


/************** Fin personnalisation homepage *******************/

/* Personnalisation du footer */
.line-footer h3 {font-size:1.5rem;}
.poweredBy-wrapper { display:none;}

/* Personnalisation du menu & header */
.header-ext-login {font-size:1.4rem;}

/* Espace au-dessus de la zone principale */
div.main-content {margin-top: 2em;}

/******* Personnalisation de la sidebar de droite */
/* Mise en forme des blocs de la sidebar */
 div.col-sm-6.zone-25 {padding:15px; border:2px solid grey; margin: 0 0 10px 0;}

/* Affichage des évènements dans la barre latérale */
div.col-sm-6.zone-25.zone-event_flash p.itemInfos {display: none;}
div.col-sm-6.zone-25.zone-event_flash div.eventsList h3 {font-size: 1.5rem;}
div.col-sm-6.zone-25.zone-event_flash div.eventsList div.intro {display:none;}
div.col-sm-6.zone-25.zone-event_flash div.eventsList div.actions {margin-top:0;}
div.col-sm-6.zone-25.zone-event_flash div.eventsList div.actions a {margin-top:0; font-size:1.2rem;}


/* div.col-sm-18.zone-75 {margin-right: 20px;} */

div.zone-news_flash div.actions {margin:0;}
div.zone-news_flash div.actions a {margin:0;}


/******* Personnalisation de la sidebar de gauche */
@media only screen and (max-device-width: 768px) {
    body.pageid-184722 div.sidebar {display:none;}
}

/*
Faire disparaître le mot tarif et le remplacer par horaire + enlever les prix
*/

/* Page 1 événement tarif*/
#q1Uaa0k9CmfambtZ9lHEtKzC > div > div > div.registration-event-bloc > h3 {
    visibility: hidden; /* Hides the text but keeps the element's layout */
    position: relative;
}

#q1Uaa0k9CmfambtZ9lHEtKzC > div > div > div.registration-event-bloc > h3::after {
    content: "Choisir un créneau horaire"; /* New text to display */
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}
/* Page 1 tarif effacé*/
#q1Uaa0k9CmfambtZ9lHEtKzC > div > div > div.registration-event-bloc > div > div.registration-event-bloc-title > h5 > strong {
    display: none;
}

/* Masquer l'étape "paiement" dans la barre de progression */
/* Mickaël 2024-05-18 */
#q1Uaa0k9CmfambtZ9lHEtKzC  ul.nav-pills > li:nth-child(3) {
    display:none;
}

/* Masquer tous les créneaux horaires lorsqu'un créneau est sélectionné */
/* Mickaël 2024-05-18 */
#q1Uaa0k9CmfambtZ9lHEtKzC:has(> div > div > div > div.js-event-price-individual > div > table) > div > div > div > div.js-event-price-individual:not(:has(table)) {
    display: none;
}
/* Remplacer le texte "horaires" par "votre choix" quand un créneau est sélectionné */
/* Mickaël 2024-05-18 */
#q1Uaa0k9CmfambtZ9lHEtKzC:has(> div > div > div > div.js-event-price-individual > div > table) > div > div > div.registration-event-bloc > h3::after {
    content: "Votre choix"; /* New text to display */

}
/* Masquer la colonne "statut validé" dans le tableau de récap du créneau sélectionné */
/* Mickaël 2024-05-18 */
#q1Uaa0k9CmfambtZ9lHEtKzC div.js-event-price-individual > div > table.registration-price-table tr td:nth-child(2) {
    display:none;
}


/* Page 3 événement*/
/* Yapla 2024-05-15 */
#fieldset-price_bloc > legend{
    visibility: hidden; /* Hides the text but keeps the element's layout */
    position: relative;
}
/* Page 3 événement*/
/* Yapla 2024-05-15 */
#fieldset-price_bloc > legend::after {
    content: "Votre créneau horaire :"; /* New text to display */
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}
/* Page 3 événement tarif effacé*/
/* Yapla 2024-05-15 */
#fieldset-price_bloc > div > div > p{
    display: none;
}

#modal-event-add > div > div > div.modal-body.modal_message > div > h5 > strong{
    display: none;
}

/* Page espace membre enlever "tarif compris dans l'inscription"*/
/* Yapla 2024-05-15 */
#section_list_subscriptions > div > h4{
    visibility: hidden; /* Hides the text but keeps the element's layout */
    position: relative;
}
/* Page espace membre afficher horaire à la place*/
/* Yapla 2024-05-15 */
#section_list_subscriptions > div > h4::after {
    content: "Horaire"; /* New text to display */
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}

/* Page espace membre enlever "nom du tarif"*/
/* Yapla 2024-05-15 */
#myevents-element-list > thead > tr > th:nth-child(3){
    visibility: hidden; /* Hides the text but keeps the element's layout */
    position: relative;
}
/* Page espace membre afficher "Horaire" à la place*/
/* Yapla 2024-05-15 */
#myevents-element-list > thead > tr > th:nth-child(3)::after {
    content: "Horaire"; /* New text to display */
    visibility: visible;
    position: absolute;
    top: 4;
    left: 0;
}

/*Bouton "enregister un participant" modifié à "s'inscrire à cet horaire" */
/* Yapla 2024-05-15 */
#q1Uaa0k9CmfambtZ9lHEtKzC > div > div > div.registration-event-bloc > div > a > first{
    visibility: hidden; /* Hides the text but keeps the element's layout */
    position: relative;
}

#q1Uaa0k9CmfambtZ9lHEtKzC > div > div > div.registration-event-bloc > div > a > first::after {
    content: "S'inscrire à cet horaire"; /* New text to display */ /* ==> Remettre "s'inscrire à cet horaire" quand la bascule sera faite */
    visibility: visible;
    position: absolute;
    top: 4;
    left: 0;
}

/* Page "Mon espace" : remplacement de l'item "Mes évènements" par "Mes inscriptions" */
/* Marc B 25/05/2024  */
/* Masquer le texte original "Mes évènements" */
a[href="/fr/espace-adherent/myevents"] {
    visibility: hidden; /* Masquer le texte original */
    position: relative; /* Assurer que le pseudo-élément est positionné correctement */
}
/* Ajouter le nouveau texte "Mes inscriptions" */
a[href="/fr/espace-adherent/myevents"]::after {
    content: "Mes inscriptions"; /* Nouveau texte */
    visibility: visible; /* Rendre le nouveau texte visible */
    position: absolute; /* Positionner par-dessus l'élément d'origine */
    left: 0; /* Aligner à gauche */
    top: 4; /* Aligner en haut */
    color: inherit; /* Hériter de la couleur de texte */
    text-decoration: inherit; /* Hériter des règles de soulignement */
}

/* Page "Inscription" : remplace "Évènements à venir" par "Prochaines séances" */
/* Marc B 25/05/2024  */
/* Masquer le texte original "Évènements à venir" */
#q1Uaa0k9CmfambtZ9lHEtKzC > div > div >  h2 {
    visibility: hidden; /* Hides the text but keeps the element's layout */
    position: relative;
}
/* Ajouter le nouveau texte "Prochaines séances :" */
#q1Uaa0k9CmfambtZ9lHEtKzC > div > div > h2::after {
    content: "Prochaines séances :"; /* New text to display */
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}

/* Bandeau haut : remplacement de l'item "Devenir membre" par "Devenir adhérent" */
/* Marc B 25/05/2024  */
/* Masquer le texte original "Devenir membre" */
#AcWYMyfhsLTqDn5CNgYazbUx > div > div >  div > ul > li > a[href="https://www.repaircafe-crolles-gresivaudan.fr/fr/adherer/adhesion"] {
    visibility: hidden; /* Masquer le texte original */
    position: relative; /* Assurer que le pseudo-élément est positionné correctement */
}
/* Ajouter le nouveau texte "Devenir adhérent" */
#AcWYMyfhsLTqDn5CNgYazbUx > div > div >  div > ul > li > a[href="https://www.repaircafe-crolles-gresivaudan.fr/fr/adherer/adhesion"]::after {
    content: "Devenir adhérent"; /* New text to display */
    visibility: visible;
    position: relative;
}

/* Page https://www.repaircafe-crolles-gresivaudan.fr/fr/adherer/adhesion */
/*    remplacement de l'item "Devenir membre" par "Devenir adhérent" */
/* Marc B 10/08/2024  */
/* Masquer le texte original "Devenir membre" */
#registration-member h1 {
    visibility: hidden; /* Masquer le texte original */
    position: relative; /* Assurer que le pseudo-élément est positionné correctement */
}
/* Ajouter le nouveau texte "Devenir adhérent" */
#registration-member h1::after {
    content: "Devenir adhérent"; /* New text to display */
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}
/* LES 2 ACTIONS SUIVANTES NE FONCTIONNENT PAS */
/* Masquer le texte original "Je suis déjà membre" */
#prev_reg_step {
    visibility: hidden; /* Masquer le texte original */
    position: relative; /* Assurer que le pseudo-élément est positionné correctement */
}
/* Ajouter le nouveau texte "Je suis déjà adhérent" */
#prev_reg_step::after {
    content: "Je suis déjà adhérent"; /* New text to display */
    visibility: visible;
    position: relative;
}
/* Page faire-un-don/adhesion/ : remplacement de l'item "Devenir membre" par "Devenir adhérent" */
/* Marc B 07/06/2024  */
/* Masquer le texte original "Devenir membre" */
#agCdxkCKIqH8OAYak7cUocIT > div > h1 {
    visibility: hidden; /* Masquer le texte original */
    position: relative; /* Assurer que le pseudo-élément est positionné correctement */
}
/* Ajouter le nouveau texte "Devenir adhérent" */
#agCdxkCKIqH8OAYak7cUocIT > div > h1::after {
    content: "Devenir adhérent"; /* New text to display */
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}

/* Page Connexion : remplacement de le bouton "Devenir membre" par "Devenir adhérent" */
/* Marc B 06/06/2024  */
/* Masquer le texte original "Devenir membre" */
#subscription {
    position: relative;
    color: transparent; /* Cache le texte existant */
}
/* Ajouter le nouveau texte "Devenir adhérent" */
#subscription::after {
    content: "Devenir Adhérent";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333; /* Changez la couleur selon vos besoins */
    text-decoration: inherit; /* Hériter des règles de soulignement */
}

/* Page inscriptions/authentication : remplacement du terme "Membre" par "adhérent" */
/* Marc B 07/06/2024  */
    /* Masquer le texte original "Je suis membre" */
    label[for="type_identification-member"] {
        color: transparent; /* Rendre le texte transparent */
        position: relative;
    }
    /* Ajouter le nouveau texte */
    label[for="type_identification-member"]::after {
        content: "Oui, je suis déjà adhérent";
        color: black; /* Couleur du nouveau texte */
        position: absolute;
        top: 0;
        left: 20px;
        white-space: nowrap; /* Assurer que le texte ne se casse pas */
    }
   /* Masquer le texte original "Je ne suis pas membre" */
    label[for="type_identification-nomember"] {
        color: transparent; /* Rendre le texte transparent */
        position: relative;
    }
    /* Ajouter le nouveau texte */
    label[for="type_identification-nomember"]::after {
        content: "Non pas encore, mais je veux adhérer";
        color: black; /* Couleur du nouveau texte */
        position: absolute;
        top: 0;
        left: 20px;
        white-space: nowrap; /* Assurer que le texte ne se casse pas */
    }

/* Page inscriptions/authentication : remplacement de "Êtes-vous membre de Repair Café Crolles-Grésivaudan ?" par "Êtes-vous déjà adhérent ?" */
/* Marc B 07/06/2024  */
    /* Masquer le texte original "Êtes-vous membre de Repair Café Crolles-Grésivaudan ?" */
    #q1Uaa0k9CmfambtZ9lHEtKzC > div > div > div > div >form >h2 {
        visibility: hidden; /* Masquer le texte original */
        position: relative; /* Assurer que le pseudo-élément est positionné correctement */
    }
    /* Ajouter le nouveau texte "Êtes-vous déjà adhérent ?" */
    #q1Uaa0k9CmfambtZ9lHEtKzC > div > div > div > div >form >h2::after {
        content: "Êtes-vous déjà adhérent ?"; /* New text to display */
        visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
    }
    /* Masquer le texte original "Devenir membre" */
    #q1Uaa0k9CmfambtZ9lHEtKzC > div > div > div > div >form >div >div >a {
        visibility: hidden; /* Masquer le texte original */
        position: relative; /* Assurer que le pseudo-élément est positionné correctement */
    }
    /* Ajouter le nouveau texte "Devenir adhérent" */
    #q1Uaa0k9CmfambtZ9lHEtKzC > div > div > div > div >form >div >div >a::after {
        content: "Devenir adhérent"; /* New text to display */
        visibility: visible;
        position: relative;
    }

    /* Masquer les informations de l'adérent sur le formulaire d'inscription à une séance */
    body.template-00012:not(.pageid-363569) form#add_event_web div.form-element-email,
    body.template-00012:not(.pageid-363569) form#add_event_web div.form-element-lastname,
    body.template-00012:not(.pageid-363569) form#add_event_web div.form-element-firstname,
    body.template-00012:not(.pageid-363569) form#add_event_web div.form-element-phone
        {display: none;}

    body.template-00012 form#add_event_web .form-control-static {margin-bottom: 0;}

    /* Affichage/masquage "autre" sur formulaire inscription */
    body.template-00012 form#add_event_web div.row:has(div.form-element-objet) div.form-element-autre_objet
        {display: none;}
    body.template-00012 form#add_event_web div.row:has(div.form-element-objet select option:last-of-type:checked) div.form-element-autre_objet
        {display: block;}

    body.template-00012 form#add_event_web div.row:has(div.form-element-marque) div.form-element-autre_marque
        {display: none;}
    body.template-00012 form#add_event_web div.row:has(div.form-element-marque select option:last-of-type:checked) div.form-element-autre_marque
        {display: block;}


/* Masquer la description d'un evenement si il est complet */
body.pageid-184722 div.event-detail:has(span.error) > .row.event-detail__row-image-description.event-detail__section
{ display: none;}

/* Corriger l'affichage des <select> avec recherche (lib Select2) */
.select2-container { z-index: 20000;}