/* Hoofdmenu-knop 'Gratis kwaliteitscheck' */
#primary-menu #menu-item-2600 > a,
#mobile-menu #menu-item-2600 > a {
    display: inline-flex;
    align-items: center;
    background-color: #1e73be;
    color: #ffffff;
    text-decoration: none;
    padding: 0 18px;
    height: 48px;
    border-radius: 9999px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 1;
    transition: background-color 0.3s;
}

#primary-menu #menu-item-2600 > a:hover,
#mobile-menu #menu-item-2600 > a:hover {
    background-color: #215387;
    color: #ffffff;
}
#mobile-drawer .menu-item-2600 > a,
.kt-mobile-menu .menu-item-2600 > a,
.mobile-navigation .menu-item-2600 > a {
    display: block !important;
    background-color: #1e73be !important;
    color: #ffffff !important;
    padding: 14px 20px !important;
    margin: 16px 0 !important;
    border-radius: 9999px !important;
    font-weight: 600 !important;
    text-align: center !important;
}
/* Contact Form 7 – offerteknop mooi maken */
.wpcf7 form input[type="submit"].wpcf7-submit,
.wpcf7 form button[type="submit"].wpcf7-submit {
    background-color: #1783be !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 9999px !important;   /* pill-vorm */
    padding: 14px 40px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    width: auto !important;
    display: inline-block !important;
    cursor: pointer;
}

/* Knop centreren in de laatste paragraaf van het formulier */
.wpcf7 form p:last-of-type {
    text-align: center !important;
}

/* Hover-effect */
.wpcf7 form input[type="submit"].wpcf7-submit:hover,
.wpcf7 form button[type="submit"].wpcf7-submit:hover {
    background-color: #1368a0 !important;
    transition: background-color 0.2s ease-in-out;
}
/* Contact Form 7 knop volledig override (Kadence fix) */
form.wpcf7-form button.wpcf7-submit {
    background-color: #1783be !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 9999px !important;
    padding: 14px 40px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    display: inline-block !important;
    width: auto !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

/* Centreren */
form.wpcf7-form p:last-of-type {
    text-align: center !important;
}

/* Hover-effect */
form.wpcf7-form button.wpcf7-submit:hover {
    background-color: #1368a0 !important;
}
/* Overschrijf ALLE inline stijl op de CF7 knop */
button.wpcf7-submit[style] {
    background-color: #1783be !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 9999px !important;
    padding: 14px 40px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    width: auto !important;
    display: inline-block !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    text-align: center !important;
    cursor: pointer !important;
}

/* Centreren */
form.wpcf7-form p:last-of-type {
    text-align: center !important;
}

/* Hover */
button.wpcf7-submit[style]:hover {
    background-color: #1368a0 !important;
}
/* Breek inline styling van Kadence voor CF7 submit-knop */
form.wpcf7-form button.wpcf7-submit[style] {
    background-color: #1783be !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 9999px !important;
    padding: 14px 40px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    width: auto !important;
    display: inline-block !important;
    text-align: center !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

/* Centreren van de knop */
form.wpcf7-form p:last-of-type {
    text-align: center !important;
}

/* Hover state */
form.wpcf7-form button.wpcf7-submit[style]:hover {
    background-color: #1368a0 !important;
}
h2.ukv-section-title {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -0.4px;
    text-align: center;
    color: #111;
    margin: 70px auto 46px;
    line-height: 1.22;
}
h2.ukv-section-title {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -0.3px;
    text-align: center;
    color: #111;
    margin: 80px auto 50px;
    line-height: 1.25;
    max-width: 900px;
}
@media (max-width: 600px) {
    h2.ukv-section-title {
        font-size: 30px;
        margin: 60px auto 35px;
        line-height: 1.3;
    }
}
.ukv-section-title {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    color: #111;
    margin-bottom: 32px;
}

/* Optioneel: iets kleiner op mobiel */
@media (max-width: 600px) {
    .ukv-section-title {
        font-size: 22px;
        margin-bottom: 26px;
        padding: 0 12px;
    }
}
#masthead,
#masthead .site-header,
#masthead .site-header .header-wrap,
#masthead .site-navigation,
#masthead .site-navigation ul {
    z-index: 9999 !important;
    position: relative;
}
/* Desktop blijft zoals nu staat */

/* Mobiel: hero optimalisatie */
@media (max-width: 768px) {
  
  /* Grotere H1 */
  .hero-text h1 {
    font-size: 34px !important;
    line-height: 1.25 !important;
    margin-bottom: 14px !important;
  }

  /* Subline iets kleiner voor hiërarchie */
  .hero-text p {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
  }

  /* Hero tekstgroep iets lager dan desktop */
  .hero-text {
    margin-top: -50px !important;
  }

  /* Button iets compacter en netter */
  .hero-text a {
    font-size: 15px !important;
    padding: 14px 28px !important;
  }
}
/* HERO – mobiele optimalisatie */
@media (max-width: 768px) {

  /* Tekstgroep duidelijk hoger */
  .hero-text {
    margin-top: -140px !important;
  }

  /* H1 flink groter */
  .hero-text h1 {
    font-size: 38px !important;
    line-height: 1.22 !important;
    margin-bottom: 16px !important;
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Subline iets kleiner en dichterbij */
  .hero-text p:first-of-type {
    font-size: 16px !important;
    line-height: 1.45 !important;
    margin-bottom: 12px !important;
    max-width: 90% !important;
  }

  /* Bulletregel compacter */
  .hero-text p:nth-of-type(2) {
    font-size: 14px !important;
    line-height: 1.45 !important;
    max-width: 90% !important;
    margin-bottom: 22px !important;
  }

  /* CTA iets compacter en hoger */
  .hero-text a {
    font-size: 15px !important;
    padding: 12px 24px !important;
  }
}
/* HERO – mobiele fine-tuning */
@media (max-width: 768px) {

  .hero-text {
    margin-top: -120px !important; /* nog iets hoger */
  }

  /* H1: iets kleiner zodat hij beter breekt */
  .hero-text h1 {
    font-size: 32px !important;
    line-height: 1.25 !important;
    margin-bottom: 16px !important;
    max-width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Subline */
  .hero-text p:first-of-type {
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
    max-width: 92% !important;
  }

  /* Bulletregel */
  .hero-text p:nth-of-type(2) {
    font-size: 14px !important;
    line-height: 1.5 !important;
    max-width: 92% !important;
    margin-bottom: 20px !important;
  }

  /* Button langer & wat rechter */
  .hero-text a {
    display: block !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    padding: 14px 10px !important;
    font-size: 15px !important;
    border-radius: 28px !important; /* minder “bol” */
  }
}
/* HERO – mobiele fine-tuning */
@media (max-width: 768px) {

  /* Tekstgroep redelijk hoog in beeld */
  .hero-text {
    margin-top: -110px !important;
  }

  /* H1: goed leesbaar, niet gek afbreken */
  .hero-text h1 {
    font-size: 32px !important;
    line-height: 1.25 !important;
    margin-bottom: 16px !important;
    max-width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Subline */
  .hero-text p:first-of-type {
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
    max-width: 92% !important;
  }

  /* Bulletregel */
  .hero-text p:nth-of-type(2) {
    font-size: 14px !important;
    line-height: 1.5 !important;
    max-width: 92% !important;
    margin-bottom: 20px !important;
  }

  /* Button langer, minder 'bol' en mooi gecentreerd */
  .hero-text a {
    display: block !important;
    width: 90% !important;          /* maakt hem langer links-rechts */
    max-width: 380px !important;    /* bovengrens */
    margin: 0 auto !important;
    padding: 14px 4px !important;
    font-size: 15px !important;
    border-radius: 28px !important;
  }

  /* Minder ruimte onder de hero op mobiel */
  .sow-hero-wrapper {
    margin-bottom: 20px !important;
  }
}
/* MOBILE HERO FIX | FULL-WIDTH + BETTER TYPOGRAPHY */
@media (max-width: 767px) {

    /* Hero container */
    .siteorigin-hero {
        padding-top: 20px !important;
        padding-bottom: 10px !important;
    }

    .siteorigin-hero .sow-slider-image-wrapper img {
        object-fit: cover;
        width: 100vw !important;
        height: 75vh !important;
        max-width: 100% !important;
    }

    /* Headline */
    .siteorigin-hero h1 {
        font-size: 33px !important;
        line-height: 1.18 !important;
        margin-bottom: 10px !important;
        letter-spacing: -0.3px;
    }

    /* Subtitle main */
    .siteorigin-hero p {
        font-size: 18px !important;
        max-width: 88% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 10px !important;
    }

    /* Button */
    .siteorigin-hero a {
        width: 90% !important;
        max-width: 380px !important;
        font-size: 18px !important;
        padding: 18px 0 !important;
        border-radius: 38px !important;
        display: block !important;
        margin: 20px auto 0 auto !important;
    }

    /* Reduce whitespace below hero */
    .siteorigin-hero + * {
        margin-top: -20px !important;
    }
}
/* Mobile button full width */
@media (max-width: 768px) {
    .so-widget-sow-button .ow-button-base a {
        width: 100%;
        display: block;
        text-align: center;
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box;
    }
}
/* Maak Hero-knop netjes 100% breed op mobiel */
@media (max-width: 768px) {
    .sow-hero-buttons a.sow-button {
        display: block;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        padding-left: 24px !important;
        padding-right: 24px !important;
        box-sizing: border-box;
    }
}
/* Mobiel: maak de CTA naar /offerte-aanvragen/ altijd een lange pill-knop */
@media (max-width: 768px) {
  a[href="/offerte-aanvragen/"] {
    display: block !important;
    width: 100% !important;
    max-width: 420px;
    margin: 0 auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}