/* Hover effects */
.hover-hand:hover {
	cursor: pointer;
}

.hover-border:hover {
	border: 1px solid var(--bs-primary);
}

/* Dropdown menus with smaller text */
.dropdown-small .dropdown-item {
	font-size: 14px;
}

/* Larger off canvas for Help screen */
.offcanvas-help {
	width: 50% !important;
	transition: transform 0.4s ease-in-out !important;
}

/* Sveltestrap tables show an extra footer line otherwise, even if the footer is empty */
tfoot {
	display: none;
}

/* Scrollable div that shows the vertical scrollbar even on Mac */
.container-scrollable {
	overflow: auto;
	margin-top: 0.5rem; /* Bootstrap: mt-2 */
}
.container-scrollable::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
.container-scrollable::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.container-scrollable::-webkit-scrollbar:horizontal {
	display: none;
}
.container-scrollable thead {
	background-color: #f8f9fa;
	position: sticky; /* Bootstrap: sticky-top */
	top: 0;
	z-index: 1020;
}

/* Color inputs */
input[type='color'] {
	border: 1px solid #ccc;
	padding: 1px;
	height: 18px;
	vertical-align: middle;
}

.youtube-video {
	aspect-ratio: 16 / 9;
	width: 100%;
	max-width: 800px;
}