/* ==========================================================================
   Cookie Information – cookie-deklaration (caritas.dk)
   Indsæt i temaets CSS (fx Customizer → Yderligere CSS, eller style.css).
   Farve #ae0f09 = Caritas' røde brandfarve.

   Bemærk: selektorerne er bevidst mere specifikke (og padding har !important),
   fordi CookieInformations eget stylesheet ellers overskriver dem.
   ========================================================================== */

/* Wrapper pr. kategori (Nødvendige, Statistiske osv.) */
.CookieDeclarationType {
	margin: 0 0 2.5rem;
}

/* Kategori-overskrift, fx "Nødvendige (4)" */
.CookieDeclarationType .CookieDeclarationTypeHeader {
	margin: 0;
	padding: 0 0 .5rem;
	font-size: 1.2rem;
	font-weight: 600;
	color: #1a1a1a;
	border-bottom: 2px solid #ae0f09;
}

/* Kategori-beskrivelse (caption over tabellen) */
.CookieDeclarationType .CookieDeclarationTypeDescription {
	caption-side: top;
	text-align: left;
	margin: 0;
	padding: .75rem 0 1rem;
	font-size: .9rem;
	line-height: 1.5;
	color: #5f5f5f;
}

/* Selve tabellen – lysegrå ydre ramme med bløde hjørner */
.CookieDeclarationType .CookieDeclarationTable {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	font-size: .9rem;
	line-height: 1.6;
	border: 1px solid #e2e2e2;
	border-radius: 8px;
	overflow: hidden;
}

/* Kolonneoverskrifter (Navn, Udbyder, Formål, Udløb) */
.CookieDeclarationType .CookieDeclarationTable th,
.CookieDeclarationType .CookieDeclarationTable thead th {
	text-align: left;
	padding: 1.4rem 1.75rem !important;
	background: #faf2f1;
	color: #1a1a1a;
	font-weight: 600;
	border-bottom: 2px solid #e8cdcb;
}

/* Celler */
.CookieDeclarationType .CookieDeclarationTable td,
.CookieDeclarationType .CookieDeclarationTable tbody td {
	padding: 1.4rem 1.75rem !important;
	border-bottom: 1px solid #ececec;
	vertical-align: top;
	color: #333;
	word-break: break-word;
}

/* Ekstra luft ind mod venstre og højre ramme */
.CookieDeclarationType .CookieDeclarationTable th:first-child,
.CookieDeclarationType .CookieDeclarationTable td:first-child {
	padding-left: 2rem !important;
}
.CookieDeclarationType .CookieDeclarationTable th:last-child,
.CookieDeclarationType .CookieDeclarationTable td:nth-last-child(2) {
	padding-right: 2rem !important;
}

/* Ingen dobbelt-streg i bunden mod den ydre ramme */
.CookieDeclarationType .CookieDeclarationTable tbody tr:last-child td {
	border-bottom: none;
}

/* Cookie-navn (første kolonne) fremhævet som kode */
.CookieDeclarationType .CookieDeclarationTable td:first-child {
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
	font-size: .85rem;
	font-weight: 600;
	color: #1a1a1a;
	white-space: nowrap;
}

/* Zebra-striber og hover */
.CookieDeclarationType .CookieDeclarationTable tbody tr:nth-child(even) {
	background: #fafbfa;
}
.CookieDeclarationType .CookieDeclarationTable tbody tr:hover {
	background: #faf1f0;
}

/* CI genererer en tom 5. celle i hver række – skjul den, så kolonnerne
   flugter med de 4 overskrifter */
.CookieDeclarationType .CookieDeclarationTable td:last-child:empty {
	display: none;
}

/* Mobil: lad tabellen scrolle vandret i stedet for at mase kolonnerne */
@media (max-width: 600px) {
	.CookieDeclarationType {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.CookieDeclarationType .CookieDeclarationTable {
		min-width: 520px;
	}
}