/* Hover detail popover for FullCalendar day grid events */

/* ricard :
   FIX: Eliminar stacking contexts que bloquean el z-index
   entre filas fc-week distintas.
   Cada .fc-week, .fc-row y sus hijos crean un contexto de
   apilamiento propio, por lo que un hover en la semana 1
   nunca puede "salir" visualmente por encima de la semana 2.
   La solución es asegurarse de que el contenedor del calendario
   y sus filas tengan overflow visible y no creen stacking contexts.
*/

.fc-scroller {
	overflow: visible !important;
}
.fc-view,
.fc-view-container {
	overflow: visible !important;
}
.fc-month-view {
	overflow: visible !important;
}
.fc-week,
.fc-row {
	overflow: visible !important;

	transform: none !important;
	will-change: auto !important;
}
.fc-bg,
.fc-slats {
	z-index: 1;
}
.fc-content-skeleton {
	overflow: visible !important;

	z-index: 4;
	position: relative;
}
.fc-row .fc-content-skeleton {
	z-index: 4;
}

.fc-day-grid-event {
	overflow: visible !important;

	position: relative;
	z-index: 4;
}
.fc-day-grid-event .fc-content {
	white-space: normal;
	overflow: visible;
	position: relative;
}


.fc-day-grid-event .fc-hover-detail {
	display: none;
	position: absolute;
	top: calc(100% + 2px);
	left: 0;
	min-width: 250px;
	max-width: 380px;
	padding: 0.75rem 0.9rem;
	border-radius: 0.35rem;
	background: #ffffff;
	color: #212529;
	box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(33, 37, 41, 0.08);

	z-index: 9999;
	font-size: 0.85rem;
	line-height: 1.5;
	pointer-events: auto;
}
.fc-day-grid-event:hover {
	z-index: 9999 !important;
	overflow: visible !important;
}
.fc-day-grid-event:hover .fc-hover-detail {
	display: block;
	position: absolute;
	z-index: 9999;
}

.fc-day-grid-event .fc-hover-detail strong {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.9rem;
	font-weight: 600;
}
.fc-day-grid-event .fc-hover-detail .fc-hover-info-item {
	margin-bottom: 0.55rem;
}
.fc-day-grid-event .fc-hover-detail .fc-hover-info-item:last-child {
	margin-bottom: 0;
}

/* Ensure calendar containers support fixed positioning of hover details */
.fc-day-grid {
	position: relative;
	overflow: visible !important;
}
.fc-row {
	position: relative;
}
.card-calendar {
	position: relative;
	overflow: visible !important;
}
.card-calendar .card-body {
	overflow: visible !important;
}
/* Allow hover details to overflow the event cell */
.fc-day-grid-event {
	overflow: visible !important;
}

/* Ensure cells don't clip the hover detail */
.fc-day-grid td {
	overflow: visible !important;
}
.fc-content-col {
	overflow: visible !important;
}