section[id]:before {
	display: block;
	height: 100px;
	margin-top: -100px;
	visibility: hidden;
	content: "";
}

select + .select2-container {
	--bs-select2-border-color: var(--bs-border-color);
}

select.is-invalid + .select2-container {
	--bs-select2-border-color: var(--bs-form-invalid-border-color);
}

.select2-search__field {
	color: black;
	background-color: white;
}

.select2-selection {
	border-radius: 1rem !important;
	border-color: var(--bs-select2-border-color) !important;
	padding: 0.6rem 1.5rem !important;
}

.select2-selection--single {
	height: 46.4px !important;
	display: flex !important;
	align-items: center !important;
	align-content: center !important;
}

.accordion.is-invalid {
	--bs-accordion-border-color: var(--bs-form-invalid-border-color);
}

.btn-circle {
	width: 30px;
	height: 30px;
	padding: 3px;
	border-radius: 50%;
	text-align: center;
	font-size: 12px;
	line-height: 1;
}

.header-container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 0.5rem;
	text-align: center;
}

.header-text {
	max-width: 85%;
	white-space: normal; /* Allows wrapping */
	margin: 0;
}

.form-container {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.timetable {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.carta-container {
	padding: 0.5rem 1rem;
	background-color: #fff;
	border-radius: 1rem;
	border: 1px solid var(--bs-border-color);
}

.bg-cyan {
	background-color: #00e9fa !important;
}

.icon-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.35em;
}

.icon-item svg {
	flex-shrink: 0;
}

.icon-size-1,
.icon-size-2,
.icon-size-3 {
	display: inline-flex;
}

.icon-size-1 > svg {
	width: 1em;
	height: 1em;
}

.icon-size-2 > svg {
	width: 2em;
	height: 2em;
}

.icon-size-3 > svg {
	width: 3em;
	height: 3em;
}

.marker-end > summary {
	list-style: none;
}

.marker-end > summary::after {
	content: " ▶";
	font-size: 0.8em;
}

.marker-end[open] > summary::after {
	content: " ▼";
}

/* Safari */
.marker-end > summary::-webkit-details-marker {
	display: none;
}