/*
Theme Name: Vier Nordlichter – Editor Beta
Description: Bearbeitbare Beta-Erweiterung für Vier Nordlichter.
Version: 0.2.0
Template: vier-nordlichter-beta-hide-base-prices
Text Domain: vier-nordlichter-editor-beta
*/

.vn-unit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.vn-unit-card { overflow:hidden; border:1px solid var(--line); border-radius:18px; background:var(--white); box-shadow:var(--shadow); }
.vn-unit-card__image { display:block; aspect-ratio:4/3; background:var(--sand); }
.vn-unit-card__image img { width:100%; height:100%; object-fit:cover; }
.vn-unit-card__body { padding:22px; }
.vn-unit-card__body h2 { margin:0 0 10px; font-size:1.65rem; }
.vn-unit-card__facts { display:flex; flex-wrap:wrap; gap:8px 15px; margin:18px 0; color:var(--ink-soft); font-size:.9rem; font-weight:700; }
.vn-unit-hero { position:relative; min-height:620px; display:grid; align-items:end; overflow:hidden; color:var(--white); }
.vn-unit-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.vn-unit-hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(16,43,50,.84),rgba(16,43,50,.25)); }
.vn-unit-hero__content { position:relative; z-index:1; max-width:720px; padding-bottom:82px; }
.vn-unit-hero__content h1 { font-size:clamp(3rem,6vw,5.6rem); margin:.25rem 0 1rem; }
.vn-unit-hero__content p { max-width:620px; font-size:1.15rem; }
.vn-unit-copy { max-width:800px; }
.vn-unit-copy > p { font-size:1.08rem; line-height:1.7; }
.vn-unit-gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:26px; }
.vn-unit-gallery img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:12px; }
.vn-booking { max-width:760px; }
@media (max-width:900px) { .vn-unit-grid{grid-template-columns:repeat(2,1fr)} .vn-unit-hero{min-height:560px} }
@media (max-width:640px) { .vn-unit-grid,.vn-unit-gallery{grid-template-columns:1fr} .vn-unit-hero{min-height:520px} .vn-unit-hero__content{padding-bottom:52px} }