/* [z4eg_delivery_areas] — public delivery areas table (RTL-safe: logical properties only). */
.z4eg-da-areas {
	--z4eg-da-green: #2e7d32;
	--z4eg-da-red: #b42318;
	--z4eg-da-line: rgba(0, 0, 0, 0.1);
	margin: 0 0 1.5em;
}

.z4eg-da-areas__intro {
	margin: 0 0 1em;
	padding: 10px 14px;
	border-inline-start: 4px solid var(--z4eg-da-green);
	border-radius: 4px;
	background: rgba(46, 125, 50, 0.07);
	line-height: 1.6;
}

.z4eg-da-areas__gov {
	margin: 0 0 1.25em;
}

.z4eg-da-areas__gov-name {
	margin: 0 0 0.5em;
	font-size: 1.15em;
}

.z4eg-da-areas__table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	border: 1px solid var(--z4eg-da-line);
}

.z4eg-da-areas__table th,
.z4eg-da-areas__table td {
	padding: 10px 12px;
	border-bottom: 1px solid var(--z4eg-da-line);
	text-align: start;
	vertical-align: middle;
}

.z4eg-da-areas__table th {
	text-transform: none;
	letter-spacing: normal;
}

.z4eg-da-areas__table thead th {
	background: rgba(0, 0, 0, 0.04);
	font-weight: 700;
	font-size: 0.9em;
}

.z4eg-da-areas__city {
	font-weight: 600;
}

.z4eg-da-areas__free,
.z4eg-da-areas__cod.is-yes {
	color: var(--z4eg-da-green);
	font-weight: 600;
}

.z4eg-da-areas__cod.is-no {
	color: var(--z4eg-da-red);
}

.z4eg-da-areas__more,
.z4eg-da-areas__empty {
	margin: 0.5em 0 0;
	opacity: 0.85;
	font-size: 0.95em;
}

/* Phones: every city becomes a card. */
@media (max-width: 599px) {
	.z4eg-da-areas__table,
	.z4eg-da-areas__table tbody,
	.z4eg-da-areas__table tr,
	.z4eg-da-areas__table th,
	.z4eg-da-areas__table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.z4eg-da-areas__table {
		border: 0;
	}

	.z4eg-da-areas__table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}

	.z4eg-da-areas__table tr {
		margin: 0 0 10px;
		border: 1px solid var(--z4eg-da-line);
		border-radius: 8px;
		overflow: hidden;
	}

	.z4eg-da-areas__table .z4eg-da-areas__city {
		background: rgba(0, 0, 0, 0.04);
	}

	.z4eg-da-areas__table td {
		display: flex;
		justify-content: space-between;
		gap: 12px;
	}

	.z4eg-da-areas__table td::before {
		content: attr(data-label);
		font-weight: 600;
		opacity: 0.75;
	}

	.z4eg-da-areas__table tr > :last-child {
		border-bottom: 0;
	}
}