/************************************************************
*
*  Easy Custom Event Tickets [REV:2.0.4] 
*
*  Fichier de style pour la version Free des extensions The Event Calendar & Event Tickets
*
*  1. Bloc Gutenberg RSVP en langue anglaise sur la page de détail de l'évènement
*  2. Table des participants à l'évènement
*  3. Calendrier des évènements pour la vue mois
* 
************************************************************/




/* -------------------------- 1. Bloc Gutenberg RSVP en langue anglaise sur la page de détail de l'évènement -------------------------*/

/*  texte originel modifié
   GOING ==> PARTICIPE
	Please submit your RSVP information, including the total number of guests. 
	==> Veuillez soumettre vos informations RSVP, y compris le nombre total de personnes.
*/

/* On masque le texte au dessus du bouton: RSVP Ici */
.tribe-tickets__rsvp-actions-rsvp span {
	display:none;
}


/* on Réduit la ligne texte d'origine du bouton GOING et on la place a l'arrière plan*/ 
.event-tickets .tribe-tickets__rsvp-actions .tribe-common-c-btn {
	text-indent: -9999px; 
	line-height: 0; 
	max-width:130px!important;
} 


/* On remplace le titre du bouton GOING par BOOKING 
   Le nouveau Texte:BOOKING occupe la hauteur de ligne d'origine
*/
.event-tickets .tribe-tickets__rsvp-actions .tribe-common-c-btn:after { 
	content: "BOOKING"; 
	text-indent: 0; 
	display: block; 
	line-height: initial;
} 
 


/* pour le nbr de participant, on Réduit la ligne texte d'origine: going et on la place a l'arrière plan*/ 
.event-tickets .tribe-tickets__rsvp-attendance-going {
	text-indent: -9999px; 
	line-height: 0;
} 
	
/* On remplace le texte Going par Booking */
/* Le nouveau Texte:Booking occupe la hauteur de ligne d'origine  */
.event-tickets .tribe-tickets__rsvp-attendance-going:after { 
	content: "Booking"; 
	text-indent: 0; 
	display: block; 
	line-height: initial;
}

/* on réduit la marge entre le nbr de réservation et le texte going */
.event-tickets .tribe-tickets__rsvp-attendance-number {
	margin-bottom:-15px;
}



/* pour le formulaire de réservation on Réduit la texte d'intro d'origine et on la place a l'arrière plan  */
.event-tickets .tribe-tickets__rsvp-form-title h3 {
	text-indent: -9999px; 
	line-height: 0;
}
	

/* On remplace le texte en intro du formulaire de Réservation */
/* Le nouveau Texte occupe la hauteur de ligne d'origine */
.event-tickets .tribe-tickets__rsvp-form-title h3:after {
	content: "Please submit your BOOKING information, including the total number of guests.";
	text-indent: 0; 
	display: block; 
	line-height: initial;
}



/* on remplace le texte RSVP CLOSED par BOOKING CLOSED */  
.event-tickets .tribe-tickets__rsvp-actions-full-text {
	color:transparent!important;
}
.event-tickets .tribe-tickets__rsvp-actions-full-text:after {
	content: "BOOKING CLOSED";
	color: #5d5d5d;
	text-align:center;
}


/* on réduit les marges interne du container pour le texte: BOOKING CLOSED  */
@media (min-width: 768px){
	.event-tickets .tribe-tickets__rsvp-actions-full {
		padding: 0 20px 0 20px!important;
	}
}



/* -------------------------- 2. Table des participants à l'évènement -------------------------*/

/* marge ticket RSVP ou billets payants par rapport a la table des participants  */
.tribe-common.event-tickets , .tribe-common.tribe-tickets {
	margin-bottom:40px;
}

.table-participant{
	margin-bottom:40px;
	margin-top:10px;
}

/* On affiche dans une table les participants à l'évènement */ 
.table-participant td {
border-style: solid;
/* border-width: 1px  ;
   border-color:#e4e4e4; */
padding: 5px;
vertical-align:middle;
text-align: center;
}


/* couleur de fond pour les lignes paire de la table 
.table-participant tbody > tr:nth-child(2n) td {
    background: #EFF8FE;
}*/


/* -------------------------- 3. Calendrier des évènements pour la vue mois -------------------------*/
 
 /* 
	régles pour l'info-bulle du modèle personnalisé
	Nom du Lieu + Ville de l'évènement
 */
 .ecet-tooltip-venue-details.tribe-common-b3{
	 margin-top:-5px;
	 margin-bottom:5px;
 }

/* -------------------------- 4. Calendrier des évènements pour la vue photo -------------------------*/

/* 
	Régles CSS pour la vue photo avec un modèle personnalisé 
	afin d'afficher la date de l'évènement dans la photo
*/

/* Lien de l'image */
.tribe-events-pro .tribe-events-pro-photo__event-featured-image-link {
  position: relative;
}
 
 /* container pricipal de la date & du mois */
.tribe-events-pro .tribe-events-pro-photo__event-featured-image-date-tag {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  padding-left: 10px;
  padding-right: 10px;
  border-top-right-radius: 10px;
  padding-top: 4px;
}

/* container de la date */ 
.tribe-events-pro .tribe-events-pro-photo__event-featured-image-date-tag-datetime {
  display: flex;
  flex-direction: column;
  text-align: center;
}

/* taille de la date */
body.post-type-archive-tribe_events .tribe-events-pro  .tribe-events-pro-photo__event-featured-image-date-tag-daynum {
    font-size: var(--tec-font-size-5);
}
 
 /* container du mois */
.tribe-events-pro .tribe-events-pro-photo__event-featured-image-date-tag-month {
  color: #141827;
  font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  color: #727272;
  text-transform: uppercase;
  margin-bottom: calc(var(--tec-spacer-0)*-1);/* */
}

/* détail de l'évènement */
.tribe-events-pro .tribe-events-pro-photo__event-details {
    margin-top: 0;
    padding: 5px;
}

/* -------------------------- 4. Calendrier des évènements pro pour la vue photo -------------------------*/


/* Marge basse de la photo par rapport au descriptif 
.tribe-events-pro .tribe-events-pro-photo__event-featured-image-wrapper {
	margin-bottom:0!important;
	box-shadow:0px 0px 4px 1px rgba(0,0,0,0.2);
	border-radius: 10px 10px 0px 0px;
}
*/ 

/* border radius pour l'image 
.tribe-events-pro .tribe-events-pro-photo__event-featured-image-wrapper img {
	border-radius: 10px 10px 0px 0px;
}
*/

/* descriptif sous la photo 
.tribe-events-pro .tribe-events-pro-photo__event-details-wrapper{
	background:#FFFFFF;
	box-shadow:0px 0px 4px 1px rgba(0,0,0,0.2);
	padding: 5px;
	border-radius: 0px 0px 10px 10px;
}
*/

/* Décalage vertical vers le haut au survol de l'évènement  
.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col:hover{
	transform: translateY(-6px) translateX(-1px);
	transition: transform 0.3s ease-in-out;
}

*/