/* Print stylesheet for ZPD Taxonomy Filter
 * Loaded via media="print" — no @media print wrapper needed.
 */

/* ── Page setup ───────────────────────────────────────────────────────── */

@page {
	size: A4;
	margin: 15mm;
}

/* ── When Tisk is clicked: show ONLY the printing card ───────────────── */
/* :has() keeps ancestor containers alive while hiding their siblings.    */

.zpd-printing body > *:not( :has( .zpd-card--printing ) ) {
	display: none !important;
}

.zpd-printing header,
.zpd-printing footer {
	display: none !important;
}

.zpd-printing .zpd-card:not( .zpd-card--printing ) {
	display: none !important;
}

.zpd-printing .zpd-filter-banner,
.zpd-printing .zpd-filter-panel,
.zpd-printing .zpd-filter-search,
.zpd-printing .zpd-filter-active-pills,
.zpd-printing .zpd-filter-results-count,
.zpd-printing .zpd-filter-pagination,
.zpd-printing .zpd-filter-pills-container,
.zpd-printing .zpd-btn--print {
	display: none !important;
}

/* Strip spacing from the container chain so the card sits at the top */
.zpd-printing main,
.zpd-printing .zpd-filter-wrapper,
.zpd-printing .zpd-filter-container,
.zpd-printing .zpd-filter-results,
.zpd-printing .zpd-filter-posts {
	padding: 0 !important;
	margin: 0 !important;
	gap: 0 !important;
	min-height: 0 !important;
	display: block !important;
}

/* ── Card reset ───────────────────────────────────────────────────────── */

.zpd-card {
	border: 1px solid #ccc;
	border-radius: 0;
	border-top: none;
	box-shadow: none;
	page-break-inside: avoid;
	break-inside: avoid;
}

/* ── Card body: two-column grid ───────────────────────────────────────── */

.zpd-card__body {
	display: grid;
	grid-template-columns: 55% 45%;
	column-gap: 24px;
	padding: 16px;
	align-items: start;
}

/* ── Title: full-width colored header ─────────────────────────────────── */

.zpd-card__title {
	grid-column: 1 / -1;
	background: #1a6b70;
	color: white;
	margin: -16px -16px 12px;
	padding: 12px 16px;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.3;
}

.zpd-card__title a {
	color: white;
	text-decoration: none;
}

/* ── Left column: contact info + description ──────────────────────────── */

.zpd-card__divider,
.zpd-card__popis-label,
.zpd-card__popis,
.zpd-card__meta,
.zpd-card__cta,
.zpd-card__provoz {
	grid-column: 1;
}

.zpd-card__divider {
	border: none;
	border-top: 1px solid #ddd;
	margin: 8px 0;
}

/* ── Right column: taxonomy tags ──────────────────────────────────────── */

.zpd-card__tags {
	grid-column: 2;
	grid-row: 2 / span 20;
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding-top: 2px;
}

/* ── Tag groups with labels ───────────────────────────────────────────── */

.zpd-card__tag-group {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.zpd-card__tag-group::before {
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #666;
	display: block;
	margin-bottom: 2px;
}

.zpd-card__tag-group--cilova::before { content: "Věk"; }
.zpd-card__tag-group--typ::before    { content: "Typ služby"; }
.zpd-card__tag-group--forma::before  { content: "Forma pomoci"; }

.zpd-tag {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 3px;
	font-size: 0.8125rem;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}

.zpd-tag--cilova {
	background: #FFC300;
	color: #333;
}

.zpd-tag--typ {
	background: #5F9800;
	color: white;
}

.zpd-tag--forma {
	background: #FFD990;
	color: #333;
}

/* ── Meta: address and contact person ─────────────────────────────────── */

.zpd-card__meta {
	display: flex;
	flex-direction: column;
	gap: 8px;
	border-top: 1px solid #eee;
	margin-top: 8px;
	padding-top: 8px;
}

.zpd-card__meta-label {
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #666;
	margin-bottom: 2px;
}

.zpd-card__meta-value {
	font-size: 0.875rem;
	color: #333;
	line-height: 1.4;
}

/* ── CTA buttons: shown as plain text rows ────────────────────────────── */

.zpd-card__cta {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-bottom: 8px;
	margin-top: 4px;
}

.zpd-btn {
	display: flex;
	align-items: center;
	gap: 6px;
	background: none;
	border: none;
	padding: 1px 0;
	font-size: 0.875rem;
	color: #333;
	text-decoration: none;
}

.zpd-btn svg {
	width: 13px;
	height: 13px;
	color: #555;
	flex-shrink: 0;
}

/* ── Description ──────────────────────────────────────────────────────── */

.zpd-card__popis-label {
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #666;
	margin: 0 0 4px;
}

.zpd-card__popis {
	font-size: 0.875rem;
	line-height: 1.5;
	color: #333;
	margin: 0;
}

/* ── Operating hours ──────────────────────────────────────────────────── */

.zpd-card__provoz {
	font-size: 0.8125rem;
	color: #555;
	line-height: 1.4;
	margin: 8px 0 0;
}