/**
 * reserves.css — el calendari de reserves, amb la cara de la web.
 *
 * Es carrega NOMÉS a les pàgines que porten calendari (veure functions.php).
 * Per treure-ho tot: esborrar l'enqueue. No toca res del plugin ni de la BBDD.
 *
 * ⚠️ El color de cada esdeveniment NO es toca: el posa l'Andrea a cada activitat
 * des del seu panell (activitat 61 «CLASSE» = #500d7d). Si l'escrivíssim aquí,
 * li trencaríem el seu codi de colors per seu i professor.
 */

/* ── FullCalendar es configura per variables: més net que barallar-se amb la
   especificitat dels seus selectors, i no depèn de l'ordre de càrrega. ── */
.bookacti-booking-system {
	--fc-button-bg-color:            var(--passa-purple);
	--fc-button-border-color:        var(--passa-purple);
	--fc-button-hover-bg-color:      var(--passa-purple-dark);
	--fc-button-hover-border-color:  var(--passa-purple-dark);
	--fc-button-active-bg-color:     var(--passa-purple-dark);
	--fc-button-active-border-color: var(--passa-purple-dark);
	--fc-border-color:               var(--passa-line);
	--fc-today-bg-color:             var(--passa-bg-soft);
	--fc-page-bg-color:              #fff;

	margin-block: 1.5rem;
	border: 1px solid var(--passa-line);
	border-radius: var(--passa-radius);
	background: #fff;
	padding: 1rem;
}

/* Els botons de Mes / Setmana / Dia i les fletxes */
.bookacti-booking-system .fc-button {
	font-family: var(--passa-font-body);
	font-weight: 600;
	font-size: 0.875rem;
	border-radius: var(--passa-radius);
	box-shadow: none;
	text-transform: none;
}
.bookacti-booking-system .fc-button:focus-visible {
	outline: 2px solid var(--passa-purple);
	outline-offset: 2px;
	box-shadow: none;
}

/* El títol del període («29 de set. – 3 d'oct.») */
.bookacti-booking-system .fc-toolbar-title {
	font-family: var(--passa-font-heading);
	font-size: clamp(1.05rem, 2.2vw, 1.35rem);
	color: var(--passa-ink);
}

/* Capçaleres dels dies: to de marca, i llegibles (no fem servir --passa-text-2,
   que sobre blanc es queda a 3,5:1) */
.bookacti-booking-system .fc-col-header-cell {
	background: var(--passa-bg-soft);
	padding-block: 0.4rem;
}
.bookacti-booking-system .fc-col-header-cell-cushion {
	color: var(--passa-ink);
	font-family: var(--passa-font-body);
	font-weight: 600;
	font-size: 0.8125rem;
	text-decoration: none;
}

/* Les hores de la columna esquerra */
.bookacti-booking-system .fc-timegrid-slot-label-cushion,
.bookacti-booking-system .fc-list-day-text {
	color: var(--passa-text);
	font-size: 0.8125rem;
}

/* Esdeveniments: només la forma, MAI el color (és de l'Andrea) */
.bookacti-booking-system .fc-event {
	border-radius: var(--passa-radius);
	border: none;
	padding: 2px 4px;
}
.bookacti-booking-system .fc-event .fc-event-time,
.bookacti-booking-system .fc-event .fc-event-title {
	font-family: var(--passa-font-body);
	font-size: 0.75rem;
	line-height: 1.25;
}
/* Les places lliures: llegibles sobre el color de l'activitat */
.bookacti-booking-system .bookacti-availability {
	font-size: 0.6875rem;
	font-weight: 600;
	opacity: 0.95;
}

/* ── El pas de després del calendari: identificar-se o reservar sense compte.
   El botó actiu venia BLAU (#52b7e9), l'únic blau de tota la web. El pinta un
   <label> sense classe, per això el seleccionem pel contenidor. ── */
.bookacti-form-field-login-field-container .bookacti-custom-radio-button label {
	font-family: var(--passa-font-body);
	font-weight: 600;
	font-size: 0.9375rem;
	border-radius: var(--passa-radius);
	border: 1px solid var(--passa-line);
	background: #fff;
	color: var(--passa-text);
	padding: 0.65rem 1.1rem;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.bookacti-form-field-login-field-container .bookacti-custom-radio-button input:checked + label,
.bookacti-form-field-login-field-container .bookacti-custom-radio-button label.bookacti-active {
	background: var(--passa-purple);
	border-color: var(--passa-purple);
	color: #fff;
}
.bookacti-form-field-login-field-container .bookacti-custom-radio-button label:hover {
	border-color: var(--passa-purple-soft);
}

/* Camps del formulari, a to amb els de contacte */
.bookacti-form-field-container input[type="text"],
.bookacti-form-field-container input[type="email"],
.bookacti-form-field-container input[type="password"],
.bookacti-form-field-container input[type="tel"] {
	border: 1px solid var(--passa-line);
	border-radius: var(--passa-radius);
	padding: 0.6rem 0.75rem;
	font-family: var(--passa-font-body);
}
.bookacti-form-field-container input:focus {
	outline: 2px solid var(--passa-purple);
	outline-offset: 1px;
	border-color: var(--passa-purple);
}

/* El missatge de «Selecciona la classe al calendari» */
.bookacti-booking-system .bookacti-notices,
.bookacti-booking-system .bookacti-picked-events-list {
	font-family: var(--passa-font-body);
	color: var(--passa-text);
}

/* ── Mòbil. La prova és que en baixar d'amplada NO es faci més alt del compte:
   a sota de 782px el graella de setmana no cap i val més la vista de llista. ── */
@media (max-width: 782px) {
	.bookacti-booking-system {
		padding: 0.5rem;
		margin-inline: calc(var(--passa-radius) * -1);
	}
	.bookacti-booking-system .fc-toolbar {
		flex-wrap: wrap;
		gap: 0.5rem;
	}
	.bookacti-booking-system .fc-toolbar-title {
		font-size: 1rem;
		order: -1;
		width: 100%;
		text-align: center;
	}
	.bookacti-booking-system .fc-button {
		padding: 0.4rem 0.6rem;
		font-size: 0.8125rem;
	}
	.bookacti-form-field-login-field-container .bookacti-custom-radio-button label {
		display: block;
		text-align: center;
	}
}

/* ── Mòbil (2/10, Eric): mai setmana ni mes en pantalla estreta. Sense aquests botons
   l'alumne no pot tornar a la setmana aplastada; el script de la pàgina passa a «Dia»
   si l'amplada canvia sense recarregar (girar el mòbil). ── */
@media (max-width: 599px) {
	.bookacti-booking-system .fc-dayGridMonth-button,
	.bookacti-booking-system .fc-timeGridWeek-button { display: none; }
	.bookacti-booking-system .fc-timeGridDay-button { border-radius: var(--passa-radius) !important; }
}

/* ── Mòbil (23/10, Andrea + Eric): per sota de 600 px el calendari és una LLISTA DEL MES
   (script a inc/bookacti-idioma.php). Fora els botons de vista: no n'hi ha cap altra.
   A la llista l'hora ja surt a la primera columna: fora la repetida dins del títol.
   La sessió triada es marca. Recepta: /opt/pasarela-dev/eines/reserves/mobil-llista.css ── */
@media (max-width: 599px) {
	.bookacti-booking-system .fc-toolbar-chunk:last-child { display: none; }
}
.bookacti-booking-system .fc-list-event-title .fc-event-time { display: none; }
.bookacti-booking-system .fc-list-event { cursor: pointer; }
.bookacti-booking-system .fc-list-event-time { white-space: nowrap; font-weight: 600; }
.bookacti-booking-system .fc-list-event.bookacti-picked-event > td {
	background: var(--passa-purple);
	color: #fff;
}
.bookacti-booking-system .fc-list-event.bookacti-picked-event .fc-list-event-dot { border-color: #fff !important; }

/* 26/10 · Booking Activities 1.19.2 porta FullCalendar 7: la llista ja no fa servir .fc-list-event (classes amb hash).
   Ganxos estables: .fc-listMonth-view i .fc-event. Files més altes (el dit) i la sessió triada en morat.
   Recepta: /opt/pasarela-dev/eines/reserves/mobil-llista-fc7.css */
.bookacti-booking-system .fc-listMonth-view .fc-event { cursor: pointer; padding: 10px 8px; font-size: 15px; min-height: 44px; align-items: center; }
.bookacti-booking-system .fc-listMonth-view .fc-event .fc-event-time { font-weight: 600; }
.bookacti-booking-system .fc-listMonth-view .fc-event.bookacti-picked-event { background: var(--passa-purple); color: #fff; }
.bookacti-booking-system .fc-listMonth-view .fc-event.bookacti-picked-event * { color: #fff; }
/* Botons: FullCalendar 7 ja no llegeix --fc-button-bg-color; el morat de marca, directe. */
.bookacti-booking-system .fc-header-toolbar .fc-button { background: var(--passa-purple); border-color: var(--passa-purple); color: #fff; box-shadow: none; }
.bookacti-booking-system .fc-header-toolbar .fc-button:hover:not(:disabled) { background: var(--passa-purple-dark); border-color: var(--passa-purple-dark); }
.bookacti-booking-system .fc-header-toolbar .fc-button[aria-pressed="true"], .bookacti-booking-system .fc-header-toolbar .fc-button.fc-button-active { background: var(--passa-purple-dark); border-color: var(--passa-purple-dark); }
.bookacti-booking-system .fc-header-toolbar .fc-button:disabled { opacity: .45; }