#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;
}

/* ============================================
   NMI — Header CTA + Footer brand consistency
   Toegevoegd 2026-04-27
   ============================================ */

/* Header CTA: ghost button (geen gouden slab meer) */
li.menu-cta.menu-cta-button {
  background-color: transparent !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}
li.menu-cta.menu-cta-button > a {
  background-color: transparent !important;
  color: #1F3D1F !important;
  border: 1.5px solid #1F3D1F !important;
  padding: 12px 26px !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  transition: background-color 0.25s ease, color 0.25s ease !important;
}
li.menu-cta.menu-cta-button > a:hover,
li.menu-cta.menu-cta-button > a:focus {
  background-color: #1F3D1F !important;
  color: #F5F2EA !important;
}

/* Header achtergrond — cream ipv wit, matcht body */
header#masthead {
  background-color: #F2EFE9 !important;
}

/* Footer — volledig donkergroen, geen wit meer */
footer#colophon,
.site-footer-wrap,
.site-middle-footer-wrap,
.site-bottom-footer-wrap {
  background-color: #1F3D1F !important;
  border: none !important;
}

/* Social icons in cream op donkergroene achtergrond, hover naar goud */
.footer-social-wrap a { color: #F5F2EA !important; }
.footer-social-wrap a svg { fill: #F5F2EA !important; }
.footer-social-wrap a:hover { color: #D4AF37 !important; }
.footer-social-wrap a:hover svg { fill: #D4AF37 !important; }


/* Header: ruimte tussen menu-items en CTA-knop "Plan je groeigesprek" */
.menu > li.menu-cta-button,
.menu > li.menu-cta {
    margin-left: 24px;
}


/* === NMI DIENSTEN V2 - DEFINITIEVE THEME OVERRIDES === */
.nmi-services-page .hero-line {
  color: #F5F1E8 !important;
  font-size: clamp(72px, 11vw, 140px) !important;
  letter-spacing: -3px !important;
  line-height: 0.92 !important;
}
.nmi-services-page .hero-stack { padding-bottom: 24px !important; }
.nmi-services-page .hero-tagline,
.nmi-services-page .hero-tagline h1 { text-align: center !important; }
.nmi-services-page .hero-tagline h1 {
  color: #F5F1E8 !important;
  font-size: 30px !important;
}
.nmi-services-page .hero-tagline p { color: #F5F1E8 !important; }
.nmi-services-page .hero-eyebrow { color: #B8A664 !important; }

/* Buttons leesbaar */
.nmi-services-page a.pill-cta,
.nmi-services-page .hero-ctas a.pill-cta { color: #F5F1E8 !important; text-decoration: none !important; }
.nmi-services-page a.pill-cta-gold,
.nmi-services-page .hero-ctas a.pill-cta-gold { color: #1B3A2F !important; background: #B8A664 !important; }
.nmi-services-page a.pill-cta-outline,
.nmi-services-page .hero-ctas a.pill-cta-outline {
  color: #F5F1E8 !important;
  background: transparent !important;
  border: 1.5px solid #F5F1E8 !important;
}

/* Section titles op donkere backgrounds */
.nmi-services-page .problem .section-title,
.nmi-services-page .comparison .section-title,
.nmi-services-page .faq .section-title { color: #F5F1E8 !important; }
.nmi-services-page .problem .problem-card h3 { color: #F5F1E8 !important; }
.nmi-services-page .comparison .compare-card h4 { color: #F5F1E8 !important; }
.nmi-services-page .faq summary { color: #F5F1E8 !important; }
.nmi-services-page .final-cta h2 { color: #F5F1E8 !important; }
.nmi-services-page .final-cta h2 .gold { color: #B8A664 !important; }
.nmi-services-page .final-cta p { color: #F5F1E8 !important; }

/* Section titles op lichte backgrounds */
.nmi-services-page .proof .section-title,
.nmi-services-page .reviews .section-title,
.nmi-services-page .single-services .section-title,
.nmi-services-page .blog-teaser .section-title,
.nmi-services-page .method-intro h2 { color: #1B3A2F !important; }

/* Eyebrows */
.nmi-services-page .problem .section-eyebrow,
.nmi-services-page .comparison .section-eyebrow,
.nmi-services-page .faq .section-eyebrow { color: #B8A664 !important; }
.nmi-services-page .proof .section-eyebrow,
.nmi-services-page .reviews .section-eyebrow,
.nmi-services-page .single-services .section-eyebrow,
.nmi-services-page .blog-teaser .section-eyebrow,
.nmi-services-page .method-intro .eyebrow,
.nmi-services-page .welcome-eyebrow,
.nmi-services-page .about-eyebrow { color: #8A8554 !important; }

/* About, Welcome titles */
.nmi-services-page .about-title,
.nmi-services-page .welcome-statement { color: #1B3A2F !important; text-align: center !important; }
.nmi-services-page .about-naomi .about-title { text-align: left !important; }
.nmi-services-page .pillar h3,
.nmi-services-page .service-title,
.nmi-services-page .blog-card-title { color: #1B3A2F !important; }


/* === FIX: reveal-elementen altijd zichtbaar (animatie-JS kapot, content moet wel weergeven) === */
.nmi-services-page .reveal {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.nmi-services-page section,
.nmi-services-page .transition { display: block !important; visibility: visible !important; }


/* === V2 FINAL FIXES: titels centreren met hoge specificiteit === */
body .nmi-services-page section h2.section-title,
body .nmi-services-page section .section-title,
body .nmi-services-page .welcome section .welcome-statement,
body .nmi-services-page .welcome .welcome-statement,
body .nmi-services-page .method-intro h2,
body .nmi-services-page .final-cta h2,
body .nmi-services-page .hero-tagline h1 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 900px !important;
}
body .nmi-services-page section .section-title.reveal-delay-1,
body .nmi-services-page section .section-title.reveal { text-align: center !important; }

/* About-naomi title: left aligned (uitzondering) */
body .nmi-services-page .about-naomi .about-title { text-align: left !important; max-width: none !important; }

/* Reviews grid: 2 kolommen voor 2 echte reviews */
.nmi-services-page .reviews-grid {
  grid-template-columns: repeat(2, 1fr) !important;
  max-width: 820px !important;
}
@media (max-width: 700px) {
  .nmi-services-page .reviews-grid { grid-template-columns: 1fr !important; }
}