#nmi-scrolltop{
  position: fixed !important;
  right: 20px;
  bottom: 24px;
  z-index: 9999;

  width: 44px;
  height: 44px;
  border-radius: 50%;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#1F3D1F;
  color:#F0D38D;
  border:none;
  font-size:18px;
  cursor:pointer;

  opacity:0;
  visibility:hidden;
  transition:all .25s ease;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}

#nmi-scrolltop.show{
  opacity:1;
  visibility:visible;
}

#nmi-scrolltop:hover{
  transform:translateY(-2px);
}

/* ============================================
   NMI WEBSITE OPTIMALISATIE — STAP 2-6
   Datum: 10 april 2026
   ============================================ */

/* --- STAP 2: SPACING (alleen Contact-pagina fix) --- */
/* Contact-pagina had 0px padding — corrigeer naar standaard */
.page-id-5533 .entry-content > .wp-block-group,
.page-id-5533 .entry-content > .wp-block-kadence-rowlayout {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .page-id-5533 .entry-content > .wp-block-group,
  .page-id-5533 .entry-content > .wp-block-kadence-rowlayout {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

/* --- STAP 3: MOBILE OPTIMALISATIE --- */
/* Homepage blokken: stack op mobiel */
@media (max-width: 767px) {
  .page-id-5440 .kt-row-column-wrap.kt-has-2-columns {
    flex-direction: column;
  }
  .page-id-5440 .wp-block-kadence-column {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Voorkom te brede CTA-knoppen op mobiel */
@media (max-width: 767px) {
  .kb-button,
  .wp-block-kadence-advancedbtn a {
    max-width: 320px;
    width: auto;
  }
}

/* Betere leesbreedte op tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .entry-content > .wp-block-group > .wp-block-group__inner-container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

/* --- STAP 4: CTA CONSISTENTIE --- */
/* Uniforme button styling */
.kb-button,
.wp-block-kadence-advancedbtn .kb-button {
  padding: 16px 32px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
  min-width: 180px;
  max-width: 360px;
  text-align: center;
}

/* Button hover */
.kb-button:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

/* Homepage button specifiek: donkergroen */
.page-id-5440 .wp-block-button__link,
.page-id-5440 .wp-block-kadence-advancedbtn .kb-button {
  background-color: #1F3D1F !important;
  color: #F2EFE9 !important;
  border: none;
  padding: 16px 32px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
}
.page-id-5440 .wp-block-button__link:hover,
.page-id-5440 .wp-block-kadence-advancedbtn .kb-button:hover {
  background-color: #2a5a2a !important;
  color: #F0D38D !important;
}

/* --- STAP 5: HEADING HIËRARCHIE --- */
/* H1: hero/page title */
.entry-content h1 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  line-height: 1.2;
  color: #1F3D1F;
  margin-bottom: 24px;
}

/* H2: sectie-koppen — standaardiseer op 44px desktop */
.entry-content h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(28px, 3.5vw, 44px);
  font-weight: 700;
  line-height: 1.2;
  color: #1F3D1F;
  margin-bottom: 20px;
}

/* H3: sub-koppen */
.entry-content h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(22px, 2.5vw, 28px);
  font-weight: 700;
  line-height: 1.3;
  color: #1F3D1F;
  margin-bottom: 16px;
}

/* Paragraaf spacing */
.entry-content p {
  margin-bottom: 20px;
  line-height: 1.7;
}

/* --- STAP 6: MENU & NAVIGATIE --- */
/* Dropdown menu: donkergroen achtergrond */
.sub-menu,
.kadence-menu-mega-enabled > .sub-menu,
#primary-navigation .sub-menu {
  background-color: #1F3D1F !important;
  border: none !important;
  border-radius: 4px;
  padding: 8px 0 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

/* Dropdown items: crème op donkergroen (was onleesbaar) */
#primary-navigation .sub-menu a,
.sub-menu li a {
  color: #F2EFE9 !important;
  padding: 10px 24px !important;
  font-size: 14px !important;
  transition: background-color 0.2s ease;
}

/* Dropdown hover: goud accent */
#primary-navigation .sub-menu a:hover,
.sub-menu li a:hover {
  background-color: rgba(255,255,255,0.1) !important;
  color: #F0D38D !important;
}

/* Hoofdmenu hover */
#primary-navigation > ul > li > a:hover {
  color: #D4AF37 !important;
}

/* Actieve pagina */
#primary-navigation .current-menu-item > a {
  color: #1F3D1F;
  border-bottom: 2px solid #D4AF37;
}

/* ============================================
   NMI OPTIMALISATIE — STAP 7+
   Datum: 10 april 2026
   ============================================ */

/* --- CONTACTFORMULIER: ZICHTBAARHEID --- */
.page-id-5533 .kb-form input[type="text"],
.page-id-5533 .kb-form input[type="email"],
.page-id-5533 .kb-form textarea {
  background-color: #ffffff !important;
  border: 2px solid #1F3D1F !important;
  border-radius: 4px;
  padding: 12px 16px;
  font-size: 15px;
  color: #1c1c1c;
  transition: border-color 0.2s ease;
}
.page-id-5533 .kb-form input[type="text"]:focus,
.page-id-5533 .kb-form input[type="email"]:focus,
.page-id-5533 .kb-form textarea:focus {
  border-color: #D4AF37 !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
}
.page-id-5533 .kb-form label {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #1F3D1F;
  margin-bottom: 6px;
}
.page-id-5533 .kb-forms-submit {
  background-color: #1F3D1F !important;
  color: #F2EFE9 !important;
  padding: 16px 32px !important;
  border: none !important;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 180px;
}
.page-id-5533 .kb-forms-submit:hover {
  background-color: #2a5a2a !important;
  color: #F0D38D !important;
  transform: translateY(-1px);
}

/* --- FOOTER VERBETERING --- */
footer .wp-block-social-links {
  gap: 12px;
}
footer a {
  transition: opacity 0.2s ease;
}
footer a:hover {
  opacity: 0.8;
}

/* --- GLOBAL FORM STYLING (alle Kadence forms) --- */
.kb-form input[type="text"],
.kb-form input[type="email"],
.kb-form input[type="tel"],
.kb-form textarea {
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
.kb-form .kadence-blocks-form-field {
  margin-bottom: 16px;
}

/* --- CTA HOVER VERBETERING GLOBAL --- */
.wp-block-button__link:hover,
.kb-button:hover {
  transform: translateY(-1px);
  transition: all 0.2s ease;
}