@import "tailwindcss";
@plugin "daisyui" {
	themes: dark, nord;
}
@source "../../../packages/shared-components/";

@font-face {
	font-family: "Melder";
	src: url("/fonts/MelderV2.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
	font-family: "Bahnschrift";
	src: url("/fonts/bahnschrift.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@theme {
	--color-rescuetrack: #46b7a3;
	--color-rescuetrack-highlight: #ff4500;
	--color-fms-0: rgb(140, 10, 10);
	--color-fms-1: rgb(10, 134, 25);
	--color-fms-2: rgb(10, 134, 25);
	--color-fms-3: rgb(140, 10, 10);
	--color-fms-4: rgb(140, 10, 10);
	--color-fms-5: rgb(231, 77, 22);
	--color-fms-6: rgb(85, 85, 85);
	--color-fms-7: rgb(140, 10, 10);
	--color-fms-8: rgb(186, 105, 0);
	--color-fms-9: rgb(10, 134, 25);
}

:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
	scrollbar-gutter: unset;
}

.leaflet-container:focus {
	outline: none !important;
	box-shadow: none !important;
}

.leaflet-popup-tip-container {
	display: none;
}

.leaflet-popup-content p {
	margin: 0 !important;
}
.leaflet-div-icon {
	background: inherit !important;
	border: inherit !important;
}

.leaflet-popup-content-wrapper {
	background: transparent !important;
	pointer-events: none !important;
}

.leaflet-popup-content {
	width: 0 !important;
	margin: 0 !important;
}
.leaflet-popup {
	left: 0 !important;
	top: 0 !important;
}

.leaflet-popup-close-button {
	display: none;
}

.missionListItem {
	background-color: color-mix(in oklab, var(--color-info) 8%, var(--color-base-100));
	color: var(--color-info, var(--color-base-content));
}