/*
 * Polijstlaag van het herontwerp, gedeeld door variant A en B (oktober 2026).
 * Inhoud, kleuren en foto's blijven die van de kloon. Deze laag doet alleen: lucht, ritme,
 * leesbare kleine letters en het weghalen van gaten die uit de Wix-framehoogtes kwamen.
 * Alles begint met html[data-ontwerp], zodat het wint van de CSS van de secties zelf.
 * De variantbestanden (a.css, b.css) zetten de maten via de variabelen hieronder.
 */
html[data-ontwerp] {
  --gt-sectie: 120px;          /* verticale ruimte van een homesectie */
  --gt-sectie-m: 80px;
  --gt-label: 11px;            /* eyebrows en kleine hoofdletterlabels */
  --gt-label-spatie: 0.24em;
  --gt-label-gewicht: 600;
  --gt-tekst: 16px;            /* lopende tekst in de secties */
  --gt-tekst-klein: 15px;
  --gt-regel: 1.75;
  --gt-kop-spatie: -0.01em;
  --gt-knop: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
}
html[data-ontwerp] :where(.gt-frame) {
  -webkit-font-smoothing: antialiased;
}

/* Koppen in evenwicht, lopende tekst zonder weeskinderen. */
html[data-ontwerp] :is(h1, h2, h3, h4, .section-title, .card-title, .hotel-card__name) {
  text-wrap: balance;
}
html[data-ontwerp] :is(p, li, blockquote) {
  text-wrap: pretty;
}

/* ---------- Gaten: de Wix-framehoogtes los laten, de inhoud bepaalt de hoogte ---------- */
html[data-ontwerp] main > .gt-frame.gt-frame.gt-frame,
html[data-ontwerp] main > div > .gt-frame.gt-frame.gt-frame:not([class*="gt-home-hero"]) {
  min-height: 0;
}
/* De voet: geen crème rand van 8px meer rondom. */
html[data-ontwerp] .gt-site-footer {
  background: transparent;
}
html[data-ontwerp] .gt-site-footer .gt-frame.gt-frame {
  min-height: 0;
  padding: 0;
  margin: 0;
}

/* ---------- Homesecties: één verticaal ritme ---------- */
html[data-ontwerp] .gt-home-philosophy-en .statement,
html[data-ontwerp] .gt-home-philosophy-he .statement {
  padding: var(--gt-sectie) 0;
}
html[data-ontwerp] :is(.gt-home-what-we-do-en, .gt-home-what-we-do-he) .programs {
  padding: var(--gt-sectie) 80px;
}
html[data-ontwerp] :is(.gt-home-cta-en, .gt-home-cta-he) > * {
  padding-top: var(--gt-sectie);
  padding-bottom: var(--gt-sectie);
}
@media (max-width: 767px) {
  html[data-ontwerp] :is(.gt-home-philosophy-en, .gt-home-philosophy-he) .statement {
    padding: var(--gt-sectie-m) 0;
    min-height: 0;
  }
  html[data-ontwerp] :is(.gt-home-what-we-do-en, .gt-home-what-we-do-he) .programs {
    padding: var(--gt-sectie-m) 24px;
  }
  html[data-ontwerp] :is(.gt-home-cta-en, .gt-home-cta-he) > * {
    padding-top: var(--gt-sectie-m);
    padding-bottom: var(--gt-sectie-m);
  }
}

/* ---------- Kleine letters: labels die op 8-10px stonden ---------- */
html[data-ontwerp] .gt-frame :is(.eyebrow, .statement__label, .statement__attr, .hotels-eyebrow, .story-eyebrow,
  .testi-eyebrow, .testi-author, .tcard__name, .cta-eyebrow, .stat-label, .scroll-text, .hotel-card__region,
  .card-cta, .card-link, .hotel-card__cta) {
  font-size: var(--gt-label);
  letter-spacing: var(--gt-label-spatie);
  font-weight: var(--gt-label-gewicht);
}
@media (max-width: 767px) {
  html[data-ontwerp] .gt-frame .eyebrow {
    font-size: 9px;
    letter-spacing: 0.12em;
    padding: 7px 14px;
  }
}

/* Knoppen: iets ruimer gezet. */
html[data-ontwerp] .gt-frame .btn {
  font-size: var(--gt-knop);
  letter-spacing: 0.16em;
}
html[data-ontwerp] .gt-frame .cta-btn {
  letter-spacing: 0.16em;
}

/* ---------- Lopende tekst: groter en ruimer ---------- */
html[data-ontwerp] .gt-frame :is(.section-sub, .card-desc, .hotel-card__desc, .story-text p, .story-body p, .hotels-sub, .cta-sub) {
  font-size: var(--gt-tekst-klein);
  line-height: var(--gt-regel);
}
html[data-ontwerp] .gt-frame .section-sub {
  max-width: 520px;
}

/* Native Wix-pagina's (hotels, passover, over, events) staan absoluut in het Wix-raster: daar
 * alleen de letters (size-adjust houdt de regellengte gelijk), geen maten. Die pagina's worden
 * in de nieuwe contentstructuur opnieuw opgebouwd. */

/* ---------- Kleine teksten die op 12-13px stonden ---------- */
html[data-ontwerp] :is(.gt-footer-en, .gt-footer-he) :is(.footer__brand-desc, .footer__contact-item) {
  font-size: 14px;
  line-height: 1.75;
}
html[data-ontwerp] :is(.gt-footer-en, .gt-footer-he) .footer__copyright {
  font-size: 12px;
  letter-spacing: 0.04em;
}
html[data-ontwerp] :is(.gt-home-hotels-en, .gt-home-hotels-he) li {
  font-size: 14px;
  line-height: 1.7;
}
html[data-ontwerp] .gt-frame :is(.tcard__where, .testi-where, .story-img__caption) {
  font-size: 14px;
}