/*
 * Zásady ochrany osobných údajov: the GDPR purposes table between the two rich text blocks.
 * A six-column grid per row (header: 4 + 1 + 1, rows: 1 + 3 + 1 + 1). The column minimums are Oxygen's,
 * so on narrow screens the rows are wider than the table and the wrapper scrolls sideways, as on the Oxygen site.
 */

.gdpr-table-wrapper {
	width: 100%;
	margin-top: var(--space-xl);
	overflow-x: auto;
}

.gdpr-table {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--grid-gap);
	width: 100%;
	border: 2px solid var(--secondary);
	border-radius: var(--radius-l);
}

.gdpr-table__header,
.gdpr-table__row {
	display: grid;
	gap: var(--space-m);
	padding: var(--space-s);
}

.gdpr-table__header {
	grid-template-columns: repeat(6, minmax(170px, 1fr));
	align-items: center;
	border-radius: var(--radius-l) var(--radius-l) 0 0;
	background-color: var(--primary);
}

.gdpr-table__row {
	grid-template-columns: repeat(6, minmax(150px, 1fr));
	align-items: stretch;
	border-bottom: 2px solid var(--secondary);
}

.gdpr-table__cell {
	font-size: var(--text-m);
	line-height: 1.4;
}

.gdpr-table__cell--head {
	color: var(--white);
}

.gdpr-table__header > :first-child {
	grid-column: span 4;
}

.gdpr-table__row > :nth-child(2) {
	grid-column: span 3;
}