/* ReallyHolidays — stijl voor juridische pagina's (privacy / huisregels / voorwaarden) */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; background: #FCF8F1; color: #23322F;
  font-family: 'Manrope', system-ui, sans-serif;
  font-size: 15.5px; line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
a { color: #14807D; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Topbar */
.lg-nav {
  position: sticky; top: 0; z-index: 90;
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px max(24px, calc((100vw - 980px) / 2));
  background: rgba(252,248,241,.9); backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(35,50,47,.07);
}
.lg-logo { display: flex; align-items: baseline; font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 600; color: #23322F; }
.lg-logo em { font-style: italic; color: #E187A0; }
.lg-flags { display: flex; gap: 6px; }
.lg-flag { background: none; border: 2px solid transparent; border-radius: 10px; font-size: 17px; padding: 3px 6px; cursor: pointer; line-height: 1; opacity: .55; transition: .15s; }
.lg-flag.active, .lg-flag:hover { opacity: 1; border-color: rgba(20,128,125,.35); background: #fff; }

/* Kop */
.lg-hero { max-width: 980px; margin: 0 auto; padding: 56px 24px 8px; }
.lg-kicker { font-size: 12.5px; letter-spacing: .18em; font-weight: 800; color: #E187A0; text-transform: uppercase; }
.lg-hero h1 { font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: clamp(34px, 5.6vw, 52px); line-height: 1.08; margin: 10px 0 10px; }
.lg-updated { font-size: 13px; color: #8a938f; font-weight: 600; }
.lg-intro { font-size: 16.5px; max-width: 720px; }

/* Inhoud */
.lg-wrap { max-width: 980px; margin: 0 auto; padding: 26px 24px 70px; }
.lg-card {
  background: #fff; border: 1px solid #F0E9DB; border-radius: 22px;
  padding: 34px 38px; margin-bottom: 18px;
  box-shadow: 0 24px 48px -36px rgba(20,60,58,.25);
}
.lg-card h2 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 27px; margin: 0 0 10px; color: #0E6360; }
.lg-card h2 .n { color: #E187A0; font-style: italic; margin-right: 8px; }
.lg-card h3 { font-size: 15.5px; font-weight: 800; margin: 18px 0 6px; }
.lg-card p { margin: 0 0 12px; }
.lg-card p:last-child, .lg-card ul:last-child { margin-bottom: 0; }
.lg-card ul { margin: 0 0 12px; padding-left: 0; list-style: none; }
.lg-card ul li { position: relative; padding-left: 26px; margin-bottom: 7px; }
.lg-card ul li::before { content: "✔"; position: absolute; left: 0; top: 0; color: #14807D; font-size: 13px; font-weight: 800; }
.lg-card ul.lg-x li::before { content: "✕"; color: #B24E68; }
.lg-note {
  background: #FBF1E6; border: 1px solid #F0DFC8; border-radius: 14px;
  padding: 14px 18px; font-size: 14px; font-weight: 600; color: #7a5a33; margin: 0 0 12px;
}
.lg-note.teal { background: #EAF3F2; border-color: #CDE4E2; color: #0E6360; }
.lg-note.pink { background: #FBEAEF; border-color: #F3D2DC; color: #B24E68; }
.lg-fee { display: inline-block; background: #EAF3F2; color: #0E6360; border-radius: 100px; padding: 1px 10px; font-weight: 800; font-size: 13.5px; white-space: nowrap; }

/* Taalblokken: alleen actieve taal zichtbaar */
.doc-lang { display: none; }
.doc-lang.on { display: block; }

/* Footer */
.lg-foot {
  background: #1B2825; color: #B9C4C0; text-align: center;
  padding: 30px 24px 34px; font-size: 13px;
}
.lg-foot a { color: #B9C4C0; margin: 0 10px; }
.lg-back {
  display: inline-block; margin-top: 8px; background: #14807D; color: #fff !important;
  padding: 12px 28px; border-radius: 100px; font-weight: 800; font-size: 14px;
}
.lg-back:hover { text-decoration: none; filter: brightness(1.07); }

@media (max-width: 640px) {
  .lg-card { padding: 26px 22px; border-radius: 18px; }
  .lg-hero { padding-top: 40px; }
}
@media print {
  .lg-nav, .lg-foot { display: none; }
  .lg-card { box-shadow: none; border-color: #ddd; break-inside: avoid; }
}

/* Weergave binnen de document-viewer (iframe in de boekingsmodal):
   geen topbar/footer/terug-knoppen — sluiten gebeurt via de overlay zelf. */
.in-frame .lg-nav, .in-frame .lg-foot, .in-frame .lg-back { display: none; }
.in-frame .lg-hero { padding-top: 30px; }