/* Container / slide */
.jh-hero-slider {
  --radius: 28px;
  --padY: clamp(48px, 6vw, 96px);
  --padX: clamp(16px, 4vw, 40px);
  position: relative;
  overflow: hidden;
}

.jh-hero-slide {
  color: #fff;
  display: flex;
  align-items: center;
  min-height: clamp(420px, 60vh, 540px);
}

.jh-hero-slide .container {
  width: min(1240px, 92vw);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
}

.jh-hero-copy { max-width: 720px; }
.jh-hero-title {
  font-size: clamp(28px, 3.6vw, 40px);
  line-height: 1.05;
  margin: 0 0 16px;
  letter-spacing: -.02em;
  color: #fbf7f1;
}
.jh-hero-text {
  font-size: clamp(16px, 1.3vw, 18px);
  margin: 0 0 24px;
  color: #fbf7f1;
}
.jh-hero-ctas { display: flex; gap: 14px; flex-wrap: wrap; }

.btn {
  display:inline-flex; align-items:center; justify-content:center;
  padding: 14px 22px; border-radius: 999px; text-decoration:none; font-weight:700;
  border: 2px solid transparent; transition: transform .12s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.btn:active { transform: translateY(1px); }

.btn-primary { background:#fbf7f1; color:#333; }
.btn-primary:hover { filter: brightness(1.05); }

.btn-secondary { background: transparent; color: #fff; border-color: #fbf7f1; border:2px solid #fbf7f1; }
.btn-secondary:hover { border-color:#fff; }

/* Media (foto rechts) */
.jh-hero-media img {
  display:block; width:100%; height:auto; border-radius: var(--radius);
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}

/* Thema’s / achtergronden */
.theme-green {
         background: #476930;
}

/* Navigatie + dots */
.jh-hero-nav {
  position:absolute; inset-inline: clamp(12px,2vw,24px);
  bottom: clamp(12px, 3vw, 32px);
  display:flex; align-items:center; justify-content:space-between; gap: 12px;
  pointer-events: none; /* laat clicks door behalve op knoppen/dots */
}
.jh-hero-prev,.jh-hero-next{
  pointer-events: auto;
  width:44px;height:44px;border-radius:999px;border:2px solid rgba(255,255,255,.6);
  background:rgba(0,0,0,.1); color:#fff; backdrop-filter: blur(4px);
  display:grid; place-items:center; cursor:pointer;
}
.jh-hero-prev:hover,.jh-hero-next:hover{ border-color:#fff; background:rgba(0,0,0,.18); }

.jh-hero-dots { pointer-events: auto; display:flex; align-items:center; gap:8px; }
.jh-hero-dot{
  width:10px;height:10px;border-radius:999px;border:2px solid rgba(255,255,255,.55);
  background:transparent; cursor:pointer;
}
.jh-hero-dot.is-active{ background:#fff; }

/* Swiper helpers (zorgt dat slides volledig breed zijn) */
.jh-hero-slider .swiper-wrapper { align-items: stretch; }
.jh-hero-slider .swiper-slide { width: 100%; }

/* Responsive */
@media (max-width: 992px) {
  .jh-hero-slide .container {
    grid-template-columns: 1fr;
    text-align: left;
  }
  .jh-hero-media { order: 2; }
}