/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Thème enfant Hello Elementor pour FSI
Author: Adeline
Author URI: https://crea2line.fr
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/

/* Styles personnalisés */


.fsi-calendar-popup {
	position: fixed;
	inset: 0;
	z-index: 9999;
}


.fsi-popup-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.5);
}



.fsi-popup-content {

	position: relative;
	background: white;

	max-width: 500px;

	margin: 80px auto;

	padding: 35px;

	border-radius: 15px;

	box-shadow: 0 10px 40px rgba(0,0,0,.2);

}



.fsi-popup-close {

	position:absolute;

	right:15px;
	top:10px;

	border:none;
	background:none;

	font-size:30px;

	cursor:pointer;

}



.fsi-popup-content h3 {

	margin-top:0;

}



.fsi-popup-button {

	display:inline-block;

	margin-top:20px;

	padding:12px 25px;

	background:#005baa;

	color:white;

	border-radius:8px;

	text-decoration:none;

}



.fsi-popup-button:hover {

	opacity:.85;

}

.fc-event {

	cursor:pointer;

	border-radius:10px !important;

	transition:
		transform .25s ease,
		background-color .25s ease;

}



.fc-event:hover {

	background:#000000 !important;

	border-color:#000000 !important;

	transform:translateY(-3px);

}



.fc-event:hover .fc-event-title {

	color:#ffffff !important;

}






.fsi-calendar-filters {

	display:flex;

	gap:15px;

	align-items:center;

	margin-bottom:30px;

	flex-wrap:wrap;

}



.fsi-calendar-filters select {

	flex:1;

	min-width:220px;

	padding:12px 15px;

	border-radius:10px;

	border:1px solid #ddd;

	background:white;

	font-size:16px;

	cursor:pointer;

}


.fsi-calendar-filters select:focus {

	outline:none;

	border-color:#F39114;

}



.fsi-popup-button {

	display:inline-block;

	margin-top:25px;

	padding:14px 30px;

	background:#F39114;

	color:white !important;

	border-radius:10px;

	text-decoration:none;

	font-weight:600;

	transition:all .25s ease;

}



.fsi-popup-button:hover {

	background:#6EC1E3;

	color:white !important;

	transform:translateY(-2px);

}






/* Espacement des formations dans le calendrier */
#fsi-calendar .fc-event {
    padding: 6px 10px;
    border-radius: 8px;
    margin: 3px 2px;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Texte des formations */
#fsi-calendar .fc-event-title {
    font-weight: 600;
    line-height: 1.3;
}


/* Effet hover : fond noir + texte blanc + léger déplacement conservé */
#fsi-calendar .fc-event:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}


#fsi-calendar .fc-event:hover .fc-event-title {
    color: #ffffff !important;
}





/* Boutons navigation FullCalendar */
#fsi-calendar .fc-button:hover,
#fsi-calendar .fc-button:focus {
    background-color: #F39114 !important;
    border-color: #F39114 !important;
    color: #ffffff !important;
}


/* Bouton actif (si besoin) */
#fsi-calendar .fc-button-active {
    background-color: #F39114 !important;
    border-color: #F39114 !important;
    color: #ffffff !important;
}