/*
 * Variant C · Nu, verbeterd (27-10-2026). De huidige site, opgepoetst: dezelfde opbouw, kleuren,
 * foto's en tekst. Wat deze laag doet:
 *   - hero vult het scherm (onder de kop), met wat meer lucht en leesbaardere kleine tekst
 *   - één schreefloze letter in plaats van vijf (fonts in c-fonts.css), koppen iets steviger
 *   - geen emoji en geen ✦ (leeg lettertype geen-emoji.woff2), lege icoonvakjes weg
 *   - omrande labels worden gewone labels, het schuine lint wordt een plat label
 *   - zachte ronde hoeken op knoppen (pil) en kaarten (16px), kaarten met tussenruimte
 *   - geen nep-cirkel in de afsluiting, geen dode social-knoppen in de voet
 * De algemene ritme- en gatenregels staan in polish.css (gedeeld met de binnenpagina's).
 */
html[data-ontwerp="c"] {
  --c-rond: 16px;
  --c-kop: 77px;
}

/* ---------- Kop ---------- */
html[data-ontwerp="c"] :is(.gt-header-en, .gt-header-he) .cta-btn {
  border-radius: 999px;
  padding: 0 22px;
  letter-spacing: 0.08em;
}

/* ---------- Hero: precies het scherm onder de kop ---------- */
@media (min-width: 768px) {
  html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) {
    --gt-vh: calc((100svh - var(--c-kop)) / 100);
  }
  html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he):is(.gt-home-hero-en, .gt-home-hero-he) {
    min-height: calc(100svh - var(--c-kop));
  }
}
@media (max-width: 767px) {
  /* Op mobiel ligt de kop (73px) voor 69px over de hero heen, zoals op de bron (globals.css):
   * de hero begint dus op 4px en is 4px korter dan het scherm. */
  html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) {
    --gt-vh: calc((100svh - 4px) / 100);
  }
  html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he):is(.gt-home-hero-en, .gt-home-hero-he) {
    min-height: calc(100svh - 4px);
  }
}
html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) .content {
  bottom: clamp(110px, 16svh, 180px);
}
html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) .eyebrow {
  border: 0;
  padding: 0;
  margin-bottom: 28px;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: #c4ad7c;
}
html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) :is(.h1-line1, .h1-line2) {
  font-weight: 400;
}
html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) .subhead {
  margin-top: 32px;
  max-width: 520px;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(250, 248, 243, 0.78);
}
html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) .btn {
  border-radius: 999px;
  height: 54px;
  padding: 0 34px;
  letter-spacing: 0.1em;
}
html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) .stats {
  bottom: clamp(56px, 8svh, 88px);
}
html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) .stat-num {
  font-size: 42px;
  font-weight: 400;
}
html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) .stat-label {
  margin-top: 10px;
  font-size: 11px;
  letter-spacing: 0.12em;
}
html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) .scroll-hint {
  bottom: clamp(40px, 5svh, 56px);
}
html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) .scroll-text {
  font-size: 11px;
  letter-spacing: 0.16em;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 767px) {
  html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) .content {
    bottom: 48px;
  }
  html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) .subhead {
    font-size: 15px;
  }
  html[data-ontwerp="c"] :is(.gt-home-hero-en, .gt-home-hero-he) .eyebrow {
    font-size: 10px;
    letter-spacing: 0.1em;
  }
}

/* ---------- Koppen in Cormorant: 400 in plaats van 300, iets steviger ---------- */
html[data-ontwerp="c"] .gt-frame :is(.statement__text, .section-title, .card-title, .hotels-title, .hotel-card__name, .story-display, .testi-quote, .cta-title) {
  font-weight: 400;
}

/* ---------- Labels: geen kader meer, gewoon een regel ---------- */
html[data-ontwerp="c"] .gt-frame .eyebrow {
  border: 0;
  padding: 0;
  border-radius: 0;
}

/* ---------- Wat we doen: losse kaarten met ronde hoeken, plat lint, geen icoon ---------- */
html[data-ontwerp="c"] :is(.gt-home-what-we-do-en, .gt-home-what-we-do-he) .grid {
  gap: 16px;
}
html[data-ontwerp="c"] :is(.gt-home-what-we-do-en, .gt-home-what-we-do-he) .card {
  border-radius: var(--c-rond);
  padding: 48px 40px 44px;
}
html[data-ontwerp="c"] :is(.gt-home-what-we-do-en, .gt-home-what-we-do-he) .card::after {
  display: none;
}
html[data-ontwerp="c"] :is(.gt-home-what-we-do-en, .gt-home-what-we-do-he) .card-icon {
  display: none;
}
html[data-ontwerp="c"] :is(.gt-home-what-we-do-en, .gt-home-what-we-do-he) .card-num {
  margin-bottom: 40px;
  font-size: 15px;
  color: rgba(30, 32, 24, 0.5);
}
html[data-ontwerp="c"] :is(.gt-home-what-we-do-en, .gt-home-what-we-do-he) .card-ribbon {
  top: 40px;
  right: 32px;
  left: auto;
  width: auto;
  padding: 7px 14px;
  border-radius: 999px;
  transform: none;
  box-shadow: none;
  font-size: 10px;
  letter-spacing: 0.12em;
}
html[data-ontwerp="c"] .gt-home-what-we-do-he .card-ribbon {
  right: auto;
  left: 32px;
}
html[data-ontwerp="c"] :is(.gt-home-what-we-do-en, .gt-home-what-we-do-he) .card-link {
  font-size: 11px;
  letter-spacing: 0.12em;
}
@media (max-width: 767px) {
  html[data-ontwerp="c"] :is(.gt-home-what-we-do-en, .gt-home-what-we-do-he) .grid {
    gap: 12px;
  }
  html[data-ontwerp="c"] :is(.gt-home-what-we-do-en, .gt-home-what-we-do-he) .card {
    padding: 32px 24px;
  }
  html[data-ontwerp="c"] :is(.gt-home-what-we-do-en, .gt-home-what-we-do-he) .card-ribbon {
    top: 28px;
    right: 20px;
  }
  html[data-ontwerp="c"] .gt-home-what-we-do-he .card-ribbon {
    right: auto;
    left: 20px;
  }
}

/* ---------- Hotels: ronde kaarten, rustiger kenmerkenlijst ---------- */
html[data-ontwerp="c"] :is(.gt-home-hotels-en, .gt-home-hotels-he) .hotel-card {
  border-radius: var(--c-rond);
}
html[data-ontwerp="c"] :is(.gt-home-hotels-en, .gt-home-hotels-he) .hotel-card__badge {
  border-radius: 999px;
  font-size: 10px;
  letter-spacing: 0.12em;
}
html[data-ontwerp="c"] :is(.gt-home-hotels-en, .gt-home-hotels-he) .hotel-card__desc {
  font-size: 15px;
  line-height: 1.7;
}
html[data-ontwerp="c"] :is(.gt-home-hotels-en, .gt-home-hotels-he) .hotel-card__features {
  border-top: 1px solid rgba(250, 248, 243, 0.12);
}
html[data-ontwerp="c"] :is(.gt-home-hotels-en, .gt-home-hotels-he) .hotel-card__features li {
  gap: 0;
  padding: 9px 0;
  border-bottom: 1px solid rgba(250, 248, 243, 0.12);
}
html[data-ontwerp="c"] :is(.gt-home-hotels-en, .gt-home-hotels-he) .hotel-card__cta {
  font-size: 12px;
  letter-spacing: 0.12em;
}

/* ---------- Meira: portret zonder zware gloed ---------- */
html[data-ontwerp="c"] :is(.gt-home-meira-en, .gt-home-meira-he) .story-img__photo {
  border: 0;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}
html[data-ontwerp="c"] :is(.gt-home-meira-en, .gt-home-meira-he) .story-img__caption {
  font-size: 15px;
}
html[data-ontwerp="c"] :is(.gt-home-meira-en, .gt-home-meira-he) .story-text p,
html[data-ontwerp="c"] :is(.gt-home-meira-en, .gt-home-meira-he) .story-body p {
  font-size: 16px;
  line-height: 1.75;
}

/* ---------- Getuigen: ronde vlakken, kleiner aanhalingsteken ---------- */
html[data-ontwerp="c"] :is(.gt-home-testimonials-en, .gt-home-testimonials-he) .testi-mark {
  font-size: 88px;
  margin-bottom: 28px;
}
html[data-ontwerp="c"] :is(.gt-home-testimonials-en, .gt-home-testimonials-he) .testi-grid {
  gap: 16px;
  box-sizing: border-box;
  padding-inline: clamp(20px, 5.5vw, 80px);
  background: transparent;
}
html[data-ontwerp="c"] :is(.gt-home-testimonials-en, .gt-home-testimonials-he) .tcard {
  border-radius: var(--c-rond);
}
html[data-ontwerp="c"] :is(.gt-home-testimonials-en, .gt-home-testimonials-he) .tcard__quote {
  font-size: 18px;
  line-height: 1.55;
}

/* ---------- Afsluiting: geen decoratieve cirkel, ronde knoppen ---------- */
html[data-ontwerp="c"] :is(.gt-home-cta-en, .gt-home-cta-he) .cta-banner::before {
  display: none;
}
html[data-ontwerp="c"] :is(.gt-home-cta-en, .gt-home-cta-he) .btn {
  border-radius: 999px;
}

/* ---------- Voet: geen icoonvakjes, geen dode social-knoppen ---------- */
html[data-ontwerp="c"] :is(.gt-footer-en, .gt-footer-he) :is(.footer__contact-icon, .footer-he__contact-icon, .footer__social, .footer-he__social) {
  display: none;
}

/* ---------- Binnenpagina's: knoppen van de secties ook rond ---------- */
html[data-ontwerp="c"] :is(.gt-trip-form-en, .gt-trip-form-he, .gt-faq-content, .gt-sukkot2026-en, .gt-sukkot2026-he) :is(button, .btn, a.btn) {
  border-radius: 999px;
}