/**
 * klitly Rezepte – Frontend-Styling.
 *
 * Markenwerte: Klitly-Rot (#CD1531), warmes Off-White (#FBF7F2), Versalien
 * für Überschriften, Radius ~16px, Lucide-Icons. Das rote Kopfband greift
 * die roten Titelleisten der Homepage-Widgets auf. Mobile-First (die
 * klitly-Leserschaft kocht überwiegend mit dem Smartphone daneben).
 *
 * Hinweis zu !important: Viele Themes stylen <button> global (Hintergrund,
 * Farbe, Großbuchstaben). An den Buttons dieser Box wird das gezielt
 * überschrieben, damit sie überall gleich aussehen.
 */

.klitly-rezept {
	--klitly-red: #CD1531;
	--klitly-red-dunkel: #a50f27;
	--klitly-red-hell: #fbe8eb;
	--klitly-dark: #1a1a1a;
	--klitly-grey: #6b6b6b;
	--klitly-border: #ece5dc;
	--klitly-bg-soft: #FBF7F2;
	--klitly-radius: 16px;

	max-width: 720px;
	margin: 40px auto;
	font-family: inherit;
	color: var(--klitly-dark);
	border: 1px solid var(--klitly-border);
	border-radius: var(--klitly-radius);
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 2px rgba(26, 26, 26, 0.04), 0 10px 30px rgba(26, 26, 26, 0.06);
}

.klitly-rezept button {
	-webkit-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: transparent;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2;
	min-height: 0;
	box-shadow: none;
}

.klitly-rezept button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.klitly-rezept button:focus {
	outline: none;
}

.klitly-rezept button:focus-visible,
.klitly-rezept-zutat:focus-visible {
	outline: 2px solid var(--klitly-red);
	outline-offset: 2px;
}

.klitly-icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	color: var(--klitly-red);
}

/* --- Rotes Kopfband (wie die Titelleisten der Homepage-Widgets) ----------- */

.klitly-rezept-band {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 24px;
	background: var(--klitly-red);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.16em;
}

.klitly-rezept-band .klitly-icon {
	width: 16px;
	height: 16px;
	color: #fff;
}

/* --- Kopf: Titel, dänischer Name, Sterne --------------------------------- */

.klitly-rezept-kopf {
	padding: 22px 24px 18px;
}

.klitly-rezept-titel {
	margin: 0 0 6px;
	font-size: 28px;
	line-height: 1.1;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	font-weight: 800;
	color: var(--klitly-red);
}

.klitly-rezept-titel-original {
	margin: 0;
	font-size: 17px;
	font-style: italic;
	font-weight: 500;
	color: var(--klitly-grey);
}

.klitly-rezept-sterne-anzeige {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
}

.klitly-rezept-sterne-symbole {
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 1;
	/* Exakte Teilfüllung (z.B. 4,3 von 5) per Farbverlauf –
	   --klitly-fuellung wird inline pro Rezept gesetzt. */
	background: linear-gradient(90deg, var(--klitly-red) var(--klitly-fuellung), var(--klitly-border) var(--klitly-fuellung));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.klitly-rezept-sterne-text {
	font-size: 13px;
	color: var(--klitly-grey);
	font-weight: 600;
}

/* --- Bild & Teaser -------------------------------------------------------- */

.klitly-rezept-bild img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	margin: 0;
}

.klitly-rezept-teaser {
	margin: 20px 24px 18px;
	font-size: 17px;
	line-height: 1.55;
}

/* --- Aktionsleiste: Drucken / Teilen / Kochmodus ------------------------- */

.klitly-rezept-aktionen {
	display: flex;
	justify-content: center;
	gap: 8px;
	padding: 0 24px 22px;
	flex-wrap: wrap;
}

.klitly-rezept-aktion-btn {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	border: 1px solid var(--klitly-border) !important;
	background: #fff !important;
	color: var(--klitly-dark) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	padding: 9px 16px !important;
	border-radius: 999px !important;
	cursor: pointer;
	transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.klitly-rezept-aktion-btn:hover,
.klitly-rezept-aktion-btn:focus {
	background: #fff !important;
	border-color: var(--klitly-red) !important;
	color: var(--klitly-red) !important;
}

.klitly-rezept-aktion-btn .klitly-icon {
	width: 16px;
	height: 16px;
	color: inherit;
}

.klitly-rezept-aktion-btn[hidden] {
	display: none;
}

.klitly-rezept-kochmodus-btn.klitly-kochmodus-aktiv,
.klitly-rezept-kochmodus-btn.klitly-kochmodus-aktiv:hover,
.klitly-rezept-kochmodus-btn.klitly-kochmodus-aktiv:focus {
	background: var(--klitly-red) !important;
	border-color: var(--klitly-red) !important;
	color: #fff !important;
}

.klitly-rezept-teilen-wrapper {
	position: relative;
}

.klitly-rezept-teilen-menu {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	background: #fff;
	border: 1px solid var(--klitly-border);
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	display: flex;
	flex-direction: column;
	min-width: 170px;
	padding: 4px;
	z-index: 10;
}

/* Sicherstellen, dass "hidden" greift – display:flex oben würde es sonst aushebeln. */
.klitly-rezept-teilen-menu[hidden],
.klitly-rezept-teilen-menu button[hidden] {
	display: none;
}

.klitly-rezept-teilen-menu button {
	border: none !important;
	background: none !important;
	color: var(--klitly-dark) !important;
	text-align: left;
	padding: 10px 12px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	border-radius: 8px !important;
	cursor: pointer;
}

.klitly-rezept-teilen-menu button:hover {
	background: var(--klitly-bg-soft) !important;
	color: var(--klitly-red) !important;
}

/* --- Meta-Kacheln: Zeiten / Kategorie / Portionen / Kalorien ------------- */

.klitly-rezept-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 1px;
	background: var(--klitly-border);
	border-top: 1px solid var(--klitly-border);
	border-bottom: 1px solid var(--klitly-border);
}

.klitly-rezept-meta-item {
	flex: 1 1 110px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
	padding: 16px 8px 14px;
	background: var(--klitly-bg-soft);
	text-align: center;
	min-width: 0;
}

.klitly-rezept-meta-item .klitly-icon {
	width: 22px;
	height: 22px;
}

.klitly-rezept-meta-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.25;
	min-width: 0;
	max-width: 100%;
}

.klitly-rezept-meta-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--klitly-grey);
	margin-bottom: 2px;
}

.klitly-rezept-meta-wert {
	font-size: 15px;
	font-weight: 800;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.klitly-rezept-meta-zusatz {
	font-size: 11px;
	color: var(--klitly-grey);
}

.klitly-rezept-meta-portionen .klitly-rezept-meta-wert {
	color: var(--klitly-red);
}

/* --- Portionssteller (Segment-Schalter) ---------------------------------- */

.klitly-rezept-portionssteller {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	flex-wrap: wrap;
	padding: 16px 24px;
	border-bottom: 1px solid var(--klitly-border);
}

.klitly-rezept-portionssteller-label {
	font-size: 12px;
	font-weight: 700;
	color: var(--klitly-grey);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.klitly-rezept-faktor-gruppe {
	display: inline-flex;
	gap: 2px;
	padding: 4px;
	background: var(--klitly-bg-soft);
	border: 1px solid var(--klitly-border);
	border-radius: 999px;
}

.klitly-faktor-btn {
	margin: 0;
	border: none !important;
	background: transparent !important;
	color: var(--klitly-dark) !important;
	font-weight: 800 !important;
	font-size: 14px !important;
	padding: 7px 16px !important;
	border-radius: 999px !important;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.klitly-faktor-btn:hover {
	color: var(--klitly-red) !important;
}

.klitly-faktor-btn.klitly-faktor-aktiv,
.klitly-faktor-btn.klitly-faktor-aktiv:hover {
	background: var(--klitly-red) !important;
	color: #fff !important;
	box-shadow: 0 2px 6px rgba(205, 21, 49, 0.3);
}

/* --- Skalierbare Zutatenmengen (Liste + Inline in der Anleitung) --------- */

.klitly-zutat-inline {
	font-weight: 800;
}

/* --- Zutaten & Anleitung: gemeinsame Bausteine --------------------------- */

.klitly-rezept-zutaten,
.klitly-rezept-anleitung {
	padding: 26px 24px;
}

.klitly-rezept-zutaten {
	border-bottom: 1px solid var(--klitly-border);
}

.klitly-rezept-block-kopf {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.klitly-rezept-block-kopf .klitly-rezept-block-titel {
	margin-bottom: 0;
}

.klitly-rezept-hinweis {
	font-size: 12px;
	color: var(--klitly-grey);
}

.klitly-rezept-hinweis[hidden] {
	display: none;
}

.klitly-rezept-block-titel {
	margin: 0 0 16px;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: 800;
	position: relative;
	padding-bottom: 8px;
}

.klitly-rezept-block-titel::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 3px;
	border-radius: 2px;
	background: var(--klitly-red);
}

.klitly-rezept-segment + .klitly-rezept-segment {
	margin-top: 22px;
}

.klitly-rezept-segment-titel {
	margin: 0 0 8px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 800;
	color: var(--klitly-red);
}

/* --- Zutatenliste (zum Abhaken) ------------------------------------------ */

.klitly-rezept-zutaten-liste {
	list-style: none;
	margin: 0;
	padding: 0;
}

.klitly-rezept-zutaten-liste li {
	position: relative;
	margin: 0;
	padding: 11px 6px 11px 36px;
	border-bottom: 1px dashed var(--klitly-border);
	font-size: 16px;
	line-height: 1.4;
	cursor: pointer;
	border-radius: 8px;
	transition: background 0.15s ease, color 0.15s ease;
	-webkit-tap-highlight-color: transparent;
}

.klitly-rezept-zutaten-liste li:last-child {
	border-bottom: none;
}

.klitly-rezept-zutaten-liste li strong {
	font-weight: 500;
}

.klitly-rezept-zutaten-liste li .klitly-zutat-inline {
	font-weight: 800;
}

/* Kästchen */
.klitly-rezept-zutaten-liste li::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 12px;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: 2px solid var(--klitly-red);
	border-radius: 6px;
	background: #fff;
	transition: background 0.15s ease;
}

/* Häkchen */
.klitly-rezept-zutaten-liste li::after {
	content: "";
	position: absolute;
	left: 10px;
	top: 15px;
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2.5px 2.5px 0;
	transform: rotate(45deg);
	opacity: 0;
	transition: opacity 0.15s ease;
}

@media (hover: hover) {
	.klitly-rezept-zutaten-liste li:hover {
		background: var(--klitly-bg-soft);
	}
}

.klitly-rezept-zutaten-liste li.klitly-zutat-erledigt {
	color: #a9a29a;
	text-decoration: line-through;
	text-decoration-color: rgba(205, 21, 49, 0.5);
}

.klitly-rezept-zutaten-liste li.klitly-zutat-erledigt::before {
	background: var(--klitly-red);
}

.klitly-rezept-zutaten-liste li.klitly-zutat-erledigt::after {
	opacity: 1;
}

/* --- Anleitungsschritte (mit Verbindungslinie) --------------------------- */

.klitly-rezept-schritte-liste {
	list-style: none;
	margin: 0;
	padding: 0;
}

.klitly-rezept-schritt {
	position: relative;
	display: grid;
	grid-template-columns: 32px 1fr;
	gap: 14px;
	margin: 0;
	padding: 0 0 22px;
	scroll-margin-top: 90px;
}

.klitly-rezept-schritt:last-child {
	padding-bottom: 0;
}

.klitly-rezept-schritt:not(:last-child)::before {
	content: "";
	position: absolute;
	left: 15px;
	top: 36px;
	bottom: 4px;
	width: 2px;
	border-radius: 1px;
	background: var(--klitly-red-hell);
}

.klitly-rezept-schritt-nummer {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--klitly-red);
	color: #fff;
	font-weight: 800;
	font-size: 14px;
}

.klitly-rezept-schritt-inhalt {
	padding-top: 4px;
	min-width: 0;
}

.klitly-rezept-schritt-text p {
	margin: 0 0 8px;
	font-size: 16px;
	line-height: 1.6;
}

.klitly-rezept-schritt-text p:last-child {
	margin-bottom: 0;
}

.klitly-rezept-schritt-bild img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	margin-top: 12px;
}

/* --- CTA-Box --------------------------------------------------------------- */

.klitly-rezept-cta {
	text-align: center;
	padding: 30px 24px;
	background: var(--klitly-bg-soft);
	border-top: 1px solid var(--klitly-border);
}

.klitly-rezept-cta-inner {
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	gap: 18px;
	max-width: 500px;
	margin: 0 auto 16px;
	justify-content: center;
}

.klitly-rezept-cta-herz {
	display: flex;
	justify-content: flex-end;
}

.klitly-rezept-cta-herz .klitly-icon {
	width: 46px;
	height: 46px;
	color: var(--klitly-red);
}

.klitly-rezept-cta-text {
	margin: 0;
	text-align: left;
	font-size: 17px;
	line-height: 1.35;
	font-weight: 400;
}

.klitly-rezept-cta-text::first-line {
	font-weight: 800;
}

.klitly-rezept-cta-text p {
	margin: 0;
}

.klitly-rezept-cta-link,
.klitly-rezept-cta-link:visited {
	display: inline-block;
	background: var(--klitly-red);
	color: #fff !important;
	text-decoration: none !important;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 11px 22px;
	border-radius: 999px;
	transition: background 0.15s ease;
}

.klitly-rezept-cta-link:hover,
.klitly-rezept-cta-link:focus {
	background: var(--klitly-red-dunkel);
	color: #fff !important;
	text-decoration: none !important;
}

/* --- Ähnliche Rezepte ------------------------------------------------------- */

.klitly-rezept-aehnliche {
	padding: 24px;
	border-top: 1px solid var(--klitly-border);
}

.klitly-rezept-aehnliche-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.klitly-rezept-aehnliche-karte {
	display: flex;
	flex-direction: column;
	text-decoration: none !important;
	color: var(--klitly-dark) !important;
	border: 1px solid var(--klitly-border);
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

a.klitly-rezept-aehnliche-karte:hover,
a.klitly-rezept-aehnliche-karte:focus {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(26, 26, 26, 0.08);
}

.klitly-rezept-aehnliche-karte:hover,
.klitly-rezept-aehnliche-karte:focus,
.klitly-rezept-aehnliche-karte:visited {
	color: var(--klitly-dark) !important;
	text-decoration: none !important;
}

.klitly-rezept-aehnliche-bild {
	display: block;
	background: var(--klitly-bg-soft);
}

.klitly-rezept-aehnliche-bild img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	margin: 0;
}

.klitly-rezept-aehnliche-titel {
	padding: 10px;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.25;
}

.klitly-rezept-aehnliche-platzhalter {
	border-style: dashed;
	cursor: default;
	background: transparent;
}

.klitly-rezept-aehnliche-platzhalter .klitly-rezept-aehnliche-bild {
	aspect-ratio: 16 / 10;
}

.klitly-rezept-aehnliche-platzhalter .klitly-rezept-aehnliche-titel {
	color: var(--klitly-grey) !important;
	font-weight: 500;
	font-style: italic;
}

/* --- Mobile-Feinschliff ---------------------------------------------------- */

@media (max-width: 480px) {
	.klitly-rezept {
		border-radius: 14px;
		margin: 28px auto;
	}

	.klitly-rezept-band {
		padding: 9px 18px;
	}

	.klitly-rezept-kopf {
		padding: 18px 18px 14px;
	}

	.klitly-rezept-titel {
		font-size: 23px;
	}

	.klitly-rezept-teaser {
		margin: 16px 18px;
		font-size: 16px;
	}

	.klitly-rezept-aktionen {
		padding: 0 18px 18px;
	}

	.klitly-rezept-aktion-btn {
		padding: 8px 12px !important;
	}

	.klitly-rezept-meta-item {
		flex-basis: 96px;
		padding: 12px 6px;
	}

	.klitly-rezept-meta-wert {
		font-size: 14px;
	}

	.klitly-rezept-portionssteller {
		padding: 14px 18px;
		gap: 10px;
	}

	.klitly-faktor-btn {
		padding: 7px 13px !important;
	}

	.klitly-rezept-zutaten,
	.klitly-rezept-anleitung {
		padding: 22px 18px;
	}

	.klitly-rezept-aehnliche {
		padding: 20px 18px;
	}

	.klitly-rezept-aehnliche-grid {
		gap: 8px;
	}

	.klitly-rezept-aehnliche-titel {
		font-size: 12px;
		padding: 7px;
	}

	.klitly-rezept-cta-inner {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
		gap: 8px;
	}

	.klitly-rezept-cta-herz {
		justify-content: center;
	}

	.klitly-rezept-cta-text {
		text-align: center;
	}
}

/* --- Eigenständige Druckansicht (siehe class-klitly-rezepte-print.php) --- */

body.klitly-print-modus {
	background: #fff;
	margin: 0;
	padding: 24px;
}

body.klitly-print-modus .klitly-print-kopf {
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 14px;
	border-bottom: 3px solid var(--klitly-red);
}

body.klitly-print-modus .klitly-print-marke {
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--klitly-dark);
}

body.klitly-print-modus .klitly-print-marke-akzent {
	color: var(--klitly-red);
}

body.klitly-print-modus .klitly-print-fuss {
	text-align: center;
	margin-top: 20px;
	padding-top: 14px;
	border-top: 1px solid var(--klitly-border);
	font-size: 12px;
	color: var(--klitly-grey);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

body.klitly-print-modus .klitly-rezept {
	margin: 0;
	max-width: 100%;
	border: 2px solid var(--klitly-dark);
	border-radius: 10px;
	padding: 20px;
}

body.klitly-print-modus .klitly-rezept-band,
body.klitly-print-modus .klitly-rezept-hinweis,
body.klitly-print-modus .klitly-rezept-aktionen,
body.klitly-print-modus .klitly-rezept-portionssteller,
body.klitly-print-modus .klitly-rezept-cta,
body.klitly-print-modus .klitly-rezept-aehnliche {
	display: none;
}

/* Titel bleibt oben über die volle Breite (unverändert) – nur Bild und
   Beschreibung rutschen darunter nebeneinander. Nutzt CSS Grid statt einer
   DOM-Umstrukturierung, damit die normale Web-Darstellung komplett
   unangetastet bleibt. */
body.klitly-print-modus .klitly-rezept {
	display: grid;
	grid-template-columns: 220px 1fr;
	grid-template-areas:
		"kopf kopf"
		"bild teaser"
		"meta meta"
		"zutaten zutaten"
		"anleitung anleitung";
	column-gap: 20px;
	row-gap: 18px;
}

body.klitly-print-modus .klitly-rezept-kopf {
	grid-area: kopf;
}

body.klitly-print-modus .klitly-rezept-bild {
	grid-area: bild;
}

body.klitly-print-modus .klitly-rezept-teaser {
	grid-area: teaser;
	margin: 0;
	align-self: center;
}

body.klitly-print-modus .klitly-rezept-meta {
	grid-area: meta;
}

body.klitly-print-modus .klitly-rezept-zutaten {
	grid-area: zutaten;
}

body.klitly-print-modus .klitly-rezept-anleitung {
	grid-area: anleitung;
}

body.klitly-print-modus .klitly-rezept-bild img {
	max-height: 220px;
	width: 100%;
	aspect-ratio: auto;
	object-fit: contain;
	margin: 0;
}

@media print {
	.klitly-rezept-band,
	.klitly-rezept-hinweis,
	.klitly-rezept-aktionen,
	.klitly-rezept-portionssteller {
		display: none;
	}

	.klitly-rezept {
		box-shadow: none;
	}

	.klitly-rezept-segment {
		break-inside: avoid;
	}

	.klitly-rezept-schritt {
		break-inside: avoid;
	}
}

/* --- Sterne-Auswahl im Kommentarformular ---------------------------------- */
/* Liegt außerhalb der .klitly-rezept-Box (im Kommentarbereich des Themes),
   daher eigene, in sich geschlossene Styles ohne CSS-Variablen-Abhängigkeit. */

.comment-form-klitly-bewertung {
	margin-bottom: 16px;
}

.comment-form-klitly-bewertung label:first-child {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
}

.klitly-bewertung-sterne {
	display: inline-flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 2px;
}

.klitly-bewertung-sterne input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.klitly-bewertung-sterne label {
	font-size: 30px;
	line-height: 1;
	color: #d8d4cf;
	cursor: pointer;
	transition: color 0.1s ease;
}

.klitly-bewertung-sterne input:checked ~ label,
.klitly-bewertung-sterne label:hover,
.klitly-bewertung-sterne label:hover ~ label {
	color: #CD1531;
}

.klitly-bewertung-sterne input:focus-visible + label {
	outline: 2px solid #CD1531;
	outline-offset: 2px;
}