/**
 * Station landing page — print view (?view=print).
 *
 * A black-and-white, no-background, printable price list. Loaded ONLY when the
 * print view is active (see single-station.php). Trimmed to the essentials:
 * logo, station title, the trailer types with specs & prices, and the station
 * contact block. Trailer photos are intentionally kept in colour.
 *
 * Rules are scoped under `body.print` and, for anything competing with the
 * page's own `#primary main.station-landing …` !important rules, carry the same
 * prefix so they win on specificity.
 */

@page { margin: 1.4cm; }

/* ── Clean white canvas (also for the on-screen preview tab) ── */
body.print,
body.print .site,
body.print .site-inner,
body.print #page,
body.print #content {
	background: #fff !important;
}

/* ── Hide site chrome & the non-price sections ── */
body.print #topbar,
body.print #masthead,
body.print header#masthead,
body.print .site-header,
body.print .site-footer,
body.print #colophon,
body.print footer,
body.print #secondary,
body.print .sidebar,
body.print .city-list,
body.print .mobile-cta,
body.print #vorteile,   /* benefits    */
body.print #ablauf,     /* how it works */
body.print #kontakt,    /* booking form */
body.print #faq {
	display: none !important;
}

/* Hero: keep the title/label only (and no line break in the heading) */
body.print .hero__media,
body.print .hero__subheading,
body.print .hero__cta-group,
body.print .hero__trust,
body.print .hero__heading br,
body.print #anhaenger .section-head {
	display: none !important;
}

/* Map/directions: keep the address card, drop the map + interactive links */
body.print #anfahrt .map-frame,
body.print .addr-card .btn,
body.print .addr-card__utility,
body.print .type-card__foot {
	display: none !important;
}

/* Expand the "see more" spec sheets in full (JS also forces <details> open) */
body.print .spec-more > summary { display: none !important; }
body.print .spec-list--more { display: flex !important; }

/* ── Black & white, no backgrounds ── */
body.print #primary main.station-landing,
body.print #primary main.station-landing * {
	color: #000 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

/* Undo the full-bleed viewport trick on paper */
body.print #primary main.station-landing {
	width: auto !important;
	margin: 0 !important;
	overflow: visible !important;
}
body.print #primary main.station-landing section { padding: 1rem 0 !important; }
body.print #primary main.station-landing .container { max-width: none !important; padding: 0 !important; }

/* Logo */
body.print .landing-logo { max-width: none !important; padding: 0 0 .5rem !important; text-align: left !important; }
body.print .landing-logo img { height: 40px !important; }

/* Section headings, tidy and black */
body.print #primary main.station-landing .section-head { text-align: left !important; margin: 0 0 1rem !important; max-width: none !important; }
body.print #primary main.station-landing .section-heading,
body.print #primary main.station-landing .section-label,
body.print #primary main.station-landing .hero__label,
body.print #primary main.station-landing .hero__heading,
body.print #primary main.station-landing .hero__heading .loc { color: #000 !important; }

/* ── Trailer cards: stacked, outlined, no page break inside ── */
body.print #primary main.station-landing .types__grid { display: block !important; }
body.print #primary main.station-landing .type-card {
	display: block !important;
	border: 1px solid #000 !important;
	border-radius: 0 !important;
	margin-bottom: 1rem !important;
	page-break-inside: avoid;
	break-inside: avoid;
}
body.print #primary main.station-landing .type-card__head,
body.print #primary main.station-landing .type-card__main,
body.print #primary main.station-landing .type-card__price,
body.print #primary main.station-landing .type-card__lower { display: block !important; }
body.print #primary main.station-landing .type-card__lower { padding: .5rem 1rem !important; }

/* Title/subtitle: black, left */
body.print #primary main.station-landing .type-card__title,
body.print #primary main.station-landing .type-card__sub {
	color: #000 !important;
	text-align: left !important;
	padding: .5rem 1rem 0 !important;
}

/* Photo — kept in colour (do NOT desaturate) */
body.print #primary main.station-landing .type-card__photo {
	filter: none !important;
	width: 100% !important;
	max-height: 4.5cm !important;
	object-fit: cover !important;
}

/* Licence badge — keep its colour (it sits over the photo and must stay
   readable). print-color-adjust:exact forces the fill to actually print. */
body.print #primary main.station-landing .license-badge {
	background: #fff !important;
	color: #f78022 !important;
	border: 2px solid #f78022 !important;
	-webkit-print-color-adjust: exact !important;
	print-color-adjust: exact !important;
}
body.print #primary main.station-landing .license-badge__label,
body.print #primary main.station-landing .license-badge__class,
body.print #primary main.station-landing .license-badge__suffix { color: #f78022 !important; }
body.print #primary main.station-landing .license-badge--b {
	background: linear-gradient(135deg, #b0cd30 0%, #69b630 100%) !important;
	border-color: #fff !important;
	color: #fff !important;
	-webkit-print-color-adjust: exact !important;
	print-color-adjust: exact !important;
}
body.print #primary main.station-landing .license-badge--b .license-badge__label,
body.print #primary main.station-landing .license-badge--b .license-badge__class,
body.print #primary main.station-landing .license-badge--b .license-badge__suffix { color: #fff !important; }

/* Price mast → outlined black & white boxes */
body.print #primary main.station-landing .pricemast__box { border: 1px solid #000 !important; }
body.print #primary main.station-landing .pricemast__box .lab,
body.print #primary main.station-landing .pricemast__box .val,
body.print #primary main.station-landing .pricemast__refund { color: #000 !important; }

/* Technical data: compact single inline run — "Label: value · Label: value …" */
body.print #primary main.station-landing .type-card__specs { display: block !important; padding: .35rem 1rem !important; }
body.print #primary main.station-landing .spec-more { display: inline !important; }
body.print #primary main.station-landing .spec-list,
body.print #primary main.station-landing .spec-list--more { display: inline !important; font-size: .62rem !important; line-height: 1.35 !important; margin: 0 !important; }
body.print #primary main.station-landing .spec-list li {
	display: inline !important;
	border: none !important;
	padding: 0 !important;
	gap: 0 !important;
}
body.print #primary main.station-landing .spec-list .k,
body.print #primary main.station-landing .spec-list .v { display: inline !important; text-align: left !important; font-weight: 400 !important; }
body.print #primary main.station-landing .spec-list .k::after { content: ": "; }
/* Mid-dot separator before every item, except the very first (the dimensions row). */
body.print #primary main.station-landing .type-card__specs .spec-list li::before { content: "\00A0·\00A0"; }
body.print #primary main.station-landing .type-card__specs > .spec-list > li:first-child::before { content: ""; }

/* Contact block → borderless three-column table: address · hours · phone. */
body.print #primary main.station-landing .maprow { display: block !important; }
body.print #primary main.station-landing .addr-card .section-label { display: none !important; }
body.print #primary main.station-landing .addr-list { display: flex !important; gap: 1.5rem !important; margin: .5rem 0 0 !important; padding: 0 !important; }
body.print #primary main.station-landing .addr-list li {
	flex: 1 !important;
	display: block !important;
	border: none !important;
	padding: 0 !important;
	font-size: .8rem !important;
}
/* Drop the emoji icons and the e-mail column, so exactly three columns remain. */
body.print #primary main.station-landing .addr-list li > span:first-child { display: none !important; }
body.print #primary main.station-landing .addr-list li:has(a[href^="mailto"]) { display: none !important; }

/* Don't print URLs after links */
body.print a[href]:after { content: "" !important; }
