/*
 * Åbningstidsboksen.
 *
 * Målene er hentet 1:1 fra den håndlavede Elementor-boks på kontaktsiden
 * (kort 69b2d93), så den nye widget kan sættes ind i stedet uden at siden
 * flytter sig en pixel.
 */

.pfs-aabn {
	background: #FFFFFF;
	border: 1px solid #E7E5E4;
	border-radius: 16px;
	overflow: hidden;
	font-family: inherit;
}

.pfs-aabn *,
.pfs-aabn *::before,
.pfs-aabn *::after {
	box-sizing: border-box;
}

.pfs-aabn__svg {
	display: block;
}

/* ------------------------------- Hovedet ------------------------------- */

.pfs-aabn__hoved {
	display: flex;
	align-items: center;
	/* Mærkatet kan blive langt ("Åbner mandag kl. 08:00"). I en smal kolonne
	   skal det have lov at falde ned på egen linje frem for at flyde ud. */
	flex-wrap: wrap;
	gap: 8px 12px;
	padding: 16px 20px;
	border-bottom: 1px solid #F5F5F4;
}

.pfs-aabn__ikon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	border-radius: 9999px;
	background: #FEF2F2;
	color: #DC2626;
}

/* Dobbeltklasset med vilje. Elementors kit styler rå h2/h3 som
   .elementor-kit-77 h3 (0-1-1) og slår en enkelt klasse — uden .pfs-aabn foran
   bliver overskriften 38px i stedet for 14px. Samme mønster som resten af
   plugin'et; ikke !important.
   Marginerne nulstilles her frem for pr. tag, fordi boksen kan sættes ind med
   h2, h3 eller h4 alt efter hvor den står. */
.pfs-aabn .pfs-aabn__titel {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #1C1917;
}

.pfs-aabn__badge {
	display: inline-flex;
	align-items: center;
	margin-left: auto;
	padding: 4px 10px;
	border-radius: 9999px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	white-space: nowrap;
	background: #FEF2F2;
	color: #B91C1C;
}

.pfs-aabn__prik {
	display: block;
	flex: 0 0 6px;
	width: 6px;
	height: 6px;
	margin-right: 6px;
	border-radius: 9999px;
	background: #EF4444;
}

.pfs-aabn__badge--aaben {
	background: #F0FDF4;
	color: #15803D;
}

.pfs-aabn__badge--aaben .pfs-aabn__prik {
	background: #22C55E;
}

.pfs-aabn__badge--snart {
	background: #FFFBEB;
	color: #B45309;
}

.pfs-aabn__badge--snart .pfs-aabn__prik {
	background: #F59E0B;
}

/* -------------------------------- Dagene ------------------------------- */

.pfs-aabn__dage {
	padding: 12px 20px;
}

.pfs-aabn__dag {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 6px 0;
	border-bottom: 1px solid #FAFAF9;
}

.pfs-aabn__dag + .pfs-aabn__dag {
	margin-top: 8px;
}

.pfs-aabn__navn {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #44403C;
}

.pfs-aabn__tid {
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	color: #1C1917;
	text-align: right;
}

.pfs-aabn__tid--lukket {
	color: #78716C;
}

/* Dagens linje markeres stille — mørkere navn, ingen farveklat. */
.pfs-aabn__dag--i-dag .pfs-aabn__navn {
	color: #1C1917;
	font-weight: 600;
}

/* ----------------------------- Afvigelser ------------------------------ */

.pfs-aabn__afvigelser {
	padding: 10px 20px 12px;
	border-top: 1px solid #F5F5F4;
	background: #FFFBFB;
}

.pfs-aabn__afvigtitel {
	display: block;
	margin-bottom: 4px;
	font-size: 11px;
	line-height: 16px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #B91C1C;
}

.pfs-aabn__afvig {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 12px;
	line-height: 18px;
	color: #78716C;
}

.pfs-aabn__afvig strong {
	font-weight: 600;
	color: #44403C;
}

/* --------------------------------- Foden ------------------------------- */

.pfs-aabn__fod {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	padding: 12px 20px;
	background: #FAFAF9;
	border-top: 1px solid #F5F5F4;
}

.pfs-aabn__fodikon {
	display: block;
	flex: 0 0 12px;
	/* Ikonet er 12px højt og teksten 16px, så det skal en anelse ned for at
	   stå på linje med første tekstlinje. */
	margin-top: 2px;
	color: #F87171;
}

.pfs-aabn__fodtekst {
	font-size: 12px;
	line-height: 16px;
	color: #78716C;
}