/*Restriction de la taille du formulaire vis à vis de la largeur totale de la page */

.rsvp-form {
    max-width: 600px; /* ou la largeur que tu veux */
		margin : 0 auto;/* centre horizontalement */
		padding-left : 15px;
		padding-right : 20px;
}

/* On cible les labels dont l'attribut 'for' se termine par N (Non) */
label[for^="attending"][for$="N"] {
    /* On réduit la marge pour compenser le   manquant sur cette ligne */
    /* Ajustez cette valeur (0px, -5px, etc.) jusqu'à l'alignement parfait */
    margin-left: 4px !important; 
    
    /* On s'assure qu'il garde le même style que les autres */
    display: inline-block !important;
    vertical-align: middle !important;
}

label[for^="newAttending"][for$="N"] {
    /* On réduit la marge pour compenser le   manquant sur cette ligne */
    /* Ajustez cette valeur (0px, -5px, etc.) jusqu'à l'alignement parfait */
    margin-left: 4px !important; 
    
    /* On s'assure qu'il garde le même style que les autres */
    display: inline-block !important;
    vertical-align: middle !important;
}

label[for^="attending"][for$="VeggieMealN"] {
    /* On réduit la marge pour compenser le   manquant sur cette ligne */
    /* Ajustez cette valeur (0px, -5px, etc.) jusqu'à l'alignement parfait */
    margin-left: 10px !important; 
    
    /* On s'assure qu'il garde le même style que les autres */
    display: inline-block !important;
    vertical-align: middle !important;
}

/* On s'assure que le label "Oui" garde sa marge standard */
label[for^="attending"][for$="Y"] {
    margin-left: 8px !important;
}

label[for^="newAttending"][for$="Y"] {
    margin-left: 8px !important;
}


/* On s'assure que le label "Oui" garde sa marge standard */
label[for^="newAttending"][for$="Y"] {
    padding-right: 15px !important;
}

label[for^="newAttending"][for$="VeggieMealN"] {
    margin-left: 10px !important;
}


/* 2. Cible TOUS les paragraphes contenant un input dont le nom commence par "attending" */
/* Cela supprime le   pour tous les blocs de repas (Veggie ou autre) */
p:has(input[name^="attending"]) {
    font-size: 0 !important;
}

/* 3. Redonne la taille et la police aux éléments enfants pour ces mêmes blocs */
p:has(input[name^="attending"]) label,
p:has(input[name^="attending"]) input {
    font-size: 19.2px !important;
    /* Correction : font-family doit être un nom de police, pas une taille en rem */
    font-family : inherit !important;
    vertical-align: middle !important;
}




/* Mise en forme du champ de raisi nom, prénom / mdp pour esthétique */
.rsvp-form input[type="text"] {
  width : 96%;
}

.rsvpBorderTop {
		padding-top : 20px;
}


/* Modification de la police pour la partie +1 (phrase initiale) */

.additionalRsvpText, .rsvpAdditionalAttendeeTitle{
		font-family:inherit;
		font-size : inherit;
}

/*------------------------------ Forme des boutons (hors radios)------------------------------------------------*/
/* Modification du bouton de validation (Après saisi creds + validation formulaire) */
.rsvp-form input[type="submit"] {
  /*µpadding: 12px 30px;*/
  color: #c8a96a;
  border: 1px solid #c8a96a;
  background: transparent;
  letter-spacing: 2px;
  cursor: pointer;
  transition: 0.3s;
	width : 100%;
}
/* Modification du bouton de validation au survol (Après saisi creds + validation formulaire) */
.rsvp-form input[type="submit"]:hover {
	background: #c8a96a;
  color: #0f172a;
}

/* modification générale des objets type boutons */
.rsvp-form button {
	color: #c8a96a;
  border: 1px solid #c8a96a;
  background: transparent;
  letter-spacing: 2px;
  cursor: pointer;
  transition: 0.3s;
	width : 50%;
	text-align : center;
}

/* Modification de la partie ajout d'un invité */

/* Passage ud bouton d'ajout à gauche */
#addRsvpButtonContainer{
		text-align : left !important;
		padding : 5px;
}

/* Mise en forme du texte dans le bouton d'ajout de +1*/
#addRsvp {
  padding: 12px 12px;
  line-height: 1.5;
	background-color : #0f172a;
	color :#c8a96a;
}

/* Mise en forme du texte dans le bouton d'ajout de +1 lorsqu'il est survolé */
#addRsvp:hover {
  padding: 12px 12px;
  line-height: 1.5;
	
	background-color : #c8a96a;
	color :#0f172a;
}

/*------------------------------Boutons radios ------------------------------------------------*/

/* Transforme le bouton radio en case à cocher */
.rsvp-form input[type="radio"] {
  appearance: none;
  width: 4px;
  height: 4px;
  border: 2px solid #c8a96a;
  border-radius: 6px;  /*carré*/
  margin-right: 5px;
  cursor: pointer;
	padding-bottom : 10px;
  margin-bottom : 5px;
  display: inline-block;
  vertical-align: middle;
}

/* Transforme le bouton radio coché */
.rsvp-form input[type="radio"]:checked {
  background-color: #c8a96a;
	display: block;
}

/*------------------------------------------------------------------------------*/


/* Mise en forme du formulaire

/* Centrage du formulaire */

/* Champs de saisie plus grands */
.rsvp-form select, .rsvp-form input,
.rsvp-form textarea {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    border-radius: 6px;
		padding : 10px;
}



/*------------------------------------------------------------------------------*/

/* Compte à rebourd */

.countdown-container {
  text-align: center;
  color: #c8a96a;
  font-family: Arial, sans-serif;
  background: #0f172a;
  padding: 40px;
}

.countdown-title {
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.countdown {
  display: flex;
  justify-content: center;
  gap: 40px;
}

.countdown div {
  text-align: center;
}

.countdown span {
  font-size: 48px;
  font-weight: bold;
  display: block;
}

.countdown small {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  letter-spacing: 1px;
}