@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');


  body {
  font-family: 'Montserrat', serif;
  }

  h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', serif;
  }

  h1 {
  font-size: 34px;
  }

  h2 {
  font-size: 32px;
  }

  h3 {
  font-size: 26px;
  }

  h4 {
  font-size: 21px;
  }

  h5 {
  font-size: 18px;
  }

  h6 {
  font-size: 16px;
  }

  body {
  font-size: 15px;
  }

  body,
  .product-usps li,
  .stock-message {
  color: #3f3f3f;
  }

  h1, h2, h3, h4, h5, h6 {
  color: #3f3f3f !important;
  }

  a,
  .woocommerce ul.products li.product .price,
  .woocommerce .price {
  color: #efede1 !important;
  }

  a:hover,
  .woocommerce ul.products li.product .price,
  .woocommerce .price,
  .product-usps li i,
  .counter {
  color: #242323 !important;
  }

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  [type="submit"],
  .nf-form-content input[type=submit]
  {
  background: #efede1 !important;
  color: #fff !important;
  }

  .btn:hover,
  .wpcf7-submit:hover,
  .woocommerce span.onsale:hover,
  .woocommerce a.button:hover,
  .woocommerce .button:hover,
  [type="submit"]:hover,
  .nf-form-content input[type=submit]:hover
  {
  background: #242323 !important;
  color: #fff !important;
  }

  div.social-media ul li a {
  background: #e0baaf !important;
  color: #fff !important;
  }

  div.social-media ul li a i {
  color: #fff !important;
  }

  div.social-media ul li a:hover {
  background: #242323 !important;
  color: #fff !important;
  }
  footer div.social-media ul li a {
  background: #efede1 !important;
  }

  div.phone a.phone, div.email a.email {
  background: #e0baaf !important;
  color: #fff !important;
  }

  div.phone a.phone, div.email a.email i {
  color: #fff !important;
  }

  div.phone a.phone:hover, div.email a.email:hover {
  background: #242323 !important;
  color: #fff !important;
  }

  header button.navbar-toggle {
  color: #e0baaf;
  border-color: #e0baaf;
  }

  .woocommerce-info,
  .woocommerce-message {
  border-top-color: #e0baaf !important;
  }

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: #e0baaf !important;
  }

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  .modal__container,
  .footer-cta-box,
  .rimg,
  [type="submit"] {
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important;
  }

  .img-responsive {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  }



  header div.header {
  background-color: rgba(255, 255, 255, 1) !important;
  }
  header .sticky_menu_small div.header {
  background-color: rgb(255, 255, 255) !important;
  }

  @media only screen and (max-width : 992px) {
  header nav.navbar-default {
  background: none !important;
  }
  }

  header > div.wrapper {
  display: block;
  position: relative;
  }

  header div.header::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  }

  header > div.wrapper::after {
  background: url('https://blushskin.nbsals1.nl/wp-content/uploads/sites/345/2026/03/BlushSkinInstitute52-IDMfotografie.jpg');
  background-size: cover;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2;
  }




  @media only screen and (min-width : 992px) {
  body.home header > div.wrapper {
  min-height: 350px;
      min-height: 531px;
    }
  body.home header > div.wrapper.above {
  min-height: 500px;
      min-height: 681px;
    }
  }

  @media only screen and (min-width : 992px) {
  body header > div.wrapper {
  min-height: 225px;
      min-height: 331px;
    }
  body header > div.wrapper.above {
  min-height: 375px;
      min-height: 481px;
    }
  body header > div.wrapper.above::after,
  body header > div.wrapper.above.shadow::before,
  body header > div.wrapper.above_shadow::before {
      top: 256px;
    }
  body header > div.wrapper.sticky_menu .header__content {
      margin-top: 256px;
    }
  }

  @media only screen and (min-width : 992px) {
  header > div.wrapper {
  min-height: 356px;
  }
  header > div.wrapper.above {
  min-height: 506px;
  }

  header div.header div.holder {
  height: 256px;
  }
  }

  .topbar {
  background: #e0baaf;
  }
  .topbar {
  color: #3f3f3f;
  }




  nav.navbar-default, div.navbar-collapse {
  background-color: #ffffff; !important;
  }

  @media only screen and (min-width : 992px) {
  
  div.navbar-collapse {
  background: none !important;
  }

  header nav.navbar-default {
  background-color: rgba(255, 255, 255, 1) !important;
  }

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
  background-color: rgba(255, 255, 255, 1) !important;
  -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  }

  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:hover,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:focus,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:active {
  color: #e0baaf !important;
  }
  }


  @media only screen and (min-width : 992px) {
  section.featured div.wrapper {
  margin-top: -100px;
  }
  header>div.wrapper .header__content {
  transform: translate3d(0, -40px, 0);
  }
  }





  header div.header {
  text-align: left;
  }

  header div.navbar-collapse ul.navbar-nav li a, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  border-bottom: 1px solid #efede1;
  }

  @media only screen and (min-width : 992px) {
  header div.navbar-collapse ul.navbar-nav li a, header nav.navbar-default div.navbar-collapse ul.navbar-nav li ul.dropdown-menu li.active > a {
  color: #efede1 !important;
  }
  }


  header div.header div.contact i {
  color: #efede1;
  }

  @media only screen and (min-width : 992px) {
  header div.navbar-collapse {
  text-align: center;
  }
  }

  section.featured div.item p,
  section.news div.item p {
  color: #3f3f3f !important;
  }

  section.featured div.item,
  section.news div.item {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  }

  section.partners {
  background: #efede1 !important;
  }

  section.partners img {
  border-radius: 0 !important;
  }

  footer,
  .footer-cta.center:after,
  .author {
  background: #e0baaf !important;
  }

  footer div.column > h4 {
  border-bottom: 1px solid #efede1;
  }

  footer div.socket,
  .footer-sticky {
  background: #242323 !important;
  }


  section.treatments div.items div.item img {
  border-radius: 100% !important;
  }

  .img-circle {
  border-radius: 100% !important;
  }

  section.treatments div.button-wrap {
  background: #595959;
  margin-top: 30px;
  }

  section.treatments div.item a {
  color: #3f3f3f !important;
  }

  section.prices table tr td a {
  color: #3f3f3f !important;
  }

  aside div.block.treatments ul li a,
  .woocommerce .widget_product_categories ul li a,
  .woocommerce .widget_product_categories ul li span {
  color: #3f3f3f !important;
  }

  aside div.block.treatments ul li:hover,
  .woocommerce .widget_product_categories ul li:hover {
  background: #e0baaf;
  }

  @media only screen and (min-width : 1400px) {
  .container {
  width: 1370px;
  }
  }
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

:root {
    /* Brand colors */
    --color-blush: #E0BAAF;
    --color-brand: #E0BAAF;
    --color-brand-dark: #242323;
    --color-strips: #242323;

    /* Backgrounds */
    --color-bg: #EFEDE1;
    --color-bg-light: #EFEDE1;

    /* Text colors */
    --color-text-main: #3F3F3F;
    --color-text-dark: #242323;
    --color-text-black: #000000;
    --color-text-muted: #595959;

    /* Buttons */
    --color-button: #3F3F3F;
    --color-button-indication: #595959;

    /* Fonts */
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Helvetica', 'Helvetica Neue', Arial, sans-serif;
    --font-menu: 'Montserrat', sans-serif;
    --font-header: 'Montserrat', sans-serif;

    /* Letter spacing */
    --ls-heading: 0.1em;
    --ls-subheading: 0.2em;
    --ls-body: 1.4px;
    --ls-header: 0.3em;
    --ls-menu: 0.05em;
}


section.treatments div.items div.item img {
    height: 250px;
    width: 250px;
    object-fit: cover;
}

#nbsals_popup-content .btn.btn-primary {
  margin-top: 1rem;
}

/* ===== Algemene typografie volgens nieuw design ===== */
body,
p,
.content,
.entry-content {
    font-family: var(--font-body);
    font-size: 16px;
    letter-spacing: 1.4px;
    color: var(--color-text-main);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: var(--ls-heading);
    color: var(--color-text-main);
}

/* Buttons volgens design */
.btn,
.button,
button.btn,
a.btn {
    background-color: var(--color-button);
    color: #fff;
    font-family: var(--font-heading);
    letter-spacing: var(--ls-heading);
}

.btn-indicatie,
.btn-indication,
.btn.btn-secondary {
    background-color: var(--color-button-indication);
    color: #fff;
}

.file_upload-wrap .nf-fu-progress {
    display: none;
}

.modal__container img {
    height: 300px;
    object-fit: cover;
}

.btn.btn-primary.btn-flying {
  position: fixed;
  bottom: 30px;
  right: 30px;
}

.recensies__wrapper {
  background: #fff;
  max-width: 800px;
  margin: 0 auto;
  display: block;
}


.\31 00vh {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
}
.page-id-2174 .intro.text.block0 {
    padding: 0;
}
div#nf-form-8-cont .nf-response-msg {
    text-align: center;
}
.labelshow .nf-field .field-wrap .nf-field-label label {
    font-weight: 600!important;
}
.labelshow .nf-field .field-wrap .nf-field-label {
    display: block!important;
}
.kop .nf-field .field-wrap .nf-field-label label {
    font-size: 25px!important;
    font-weight: 400!important;
    padding-top: 35px;
}
div#nf-form-8-cont {
    padding: 35px 0;
}
.shownone .nf-field .nf-field-element input {
    display: none!important;
}
.nf-field-description {
    margin-top: -17px;
}


.mt-0 {
margin-top: 0;
}

.home a.ing {
    color: #fff!important;
}

.home .panel-body {
    color: #fff!important;
}

.landingspagine_header {
    background-position: center;
}
.landingspagine_header .row {
    min-height: 580px;
    text-align: center!important;
    justify-content: center;
}

.landingspagine_header .row h1 {
    color: #fff!important;
}

/*NINJA FORMS*/
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea, .nf-form-content textarea.ninja-forms-field, .nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    display: block!important;
    width: 100%!important;
    height: 36px!important;
    padding: 8px 12px!important;
    font-size: 14px!important;
    line-height: 1.428571429!important;
    color: #555!important;
    background-color: #fff!important;
    background-image: none!important;
    border: 1px solid #e6e6e6!important;
    border-radius: 3px!important;
    box-shadow: none!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
}
span.ninja-forms-req-symbol, nf-section {
    display: none;
}
.nf-form-content label {
    font-size: 15px!important;
}
.nf-error.field-wrap .nf-field-element:after {
    font-size: 16px!important;
    height: 33px!important;
    width: 40px!important;
    line-height: 34px!important;
}
.nf-form-content textarea.ninja-forms-field {
    height: 118px!important;
}
#ninja_forms_required_items, .nf-field-container {
    clear: both;
    position: relative;
    margin-bottom: 10px!important;
}

.form-control:hover {
    border: 1px solid #ececec!important;
}
.nf-form-content input[type=button] {
background: #eda4ab !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    transition: all .5s;
    margin-top: 25px;
}
.nf-form-content input[type=button]:hover {
    background: ##191919 !important;
    color: #fff!important;
}
.nf-form-content input[type=button] {
    padding: 6px 28px!important;
    height: auto!important;
    font-size: 15px!important;
}




.alle-behandelingen div.col-md-32 a {
    text-decoration: underline !IMPORTANT;
}
.alle-behandelingen div.col-md-32 a:hover {
    text-decoration: none !IMPORTANT;
}

@media only screen and (min-width: 992px) {
header nav.navbar-default ul.navbar-nav ul.dropdown-menu {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.row.landingspagina {
    display: flex;
    align-items: center;
}
header div.header div.holder {
    height: 140px;
    min-height: 100px;
}
header>div.wrapper div.wrapper img.logo {
    width: 110px;
}
header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
    color: #ffffff!important;
    font-weight: 600;
    font-size: 14px;
}
body.home header > div.wrapper {
    min-height: 710px;
}
header>div.wrapper .header__content {
    transform: translate3d(0, 120px, 0);
}
body header > div.wrapper.above::after, body header > div.wrapper.above.shadow::before, body header > div.wrapper.above_shadow::before {
    top: 140px;
}
header .header__content a {
    margin: 22px 7px 0px;
}
nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
    background-color: rgba(213, 147, 153, 0.89) !important;
    color: #fff!important;
}
nav.navbar-default div.navbar-collapse ul.navbar-nav>li a {
    white-space: nowrap;
}
.social-media.visible-xs.visisble-sm {
display:block!important;
}
.menu-primaire-navigatie-container {
    float: left;
}
}

@media only screen and (max-width: 991px) {

footer div.socket {
  padding-bottom: 75px !important;
}

header > div.wrapper {
  min-height: 350px;
}

.landingspagine_header .row {
    display: flex;
    align-items: center;
}
header div.header {
    background-color: #fff !important;
}
header nav.navbar-default div.navbar-header div.wrapper button.navbar-toggle {
    color: #000000 !important;
}
header>div.wrapper.shadow:before {
    background-color: rgba(192, 144, 152, 0.25) !important;
}
header .header__content h1 {
    font-size: 24px;
}
header .header__content .btn {
    margin-bottom: 7px;
}
nav.navbar-default, div.navbar-collapse {
    background-color: #fff !important;
}
header div.navbar-collapse ul.navbar-nav li a, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    border-bottom: 1px solid #d59399;
}
}

.skin-boosters div.treatments h4 {
    font-size: 15px!important;
    font-weight: 700;
    line-height: 20px;
    margin-top: 15px;
    text-transform: uppercase;
    word-break: break-word;
}
.skin-boosters div.treatments img:hover {
    transition: all .3s ease;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.4);
}


header > div.wrapper::after {
    background-position: center right;
}

.home section.intro:nth-child(2) h2, .home section.intro:nth-child(2) p, .home section.intro:nth-child(4) h2, .home section.intro:nth-child(4) .col-md-15 {
    color: #fff!important;
}

section.intro:nth-child(2) .btn,  section.intro:nth-child(4).btn {
background: #f0b6bb !important;
}
section.intro:nth-child(2) .btn:hover,  section.intro:nth-child(4) .btn:hover {
background: #191919 !important;
}


header>div.wrapper.shadow:before {
    background: rgba(0, 0, 0, 0.15);
}

.home section.treatments div.items div.item a span {
    font-size: 14px;
}

section.featured {
    padding: 30px 0 20px!important;
}

footer a{
    color: #906c72 !important;
}

section.intro:nth-child(1) .item .img-responsive {
    -moz-border-radius: 155px;
    -webkit-border-radius: 155px;
    border-radius: 155px;
}
section.featured a div.item h3 {
    text-align: center;
}

.indicaties .img-circle {
    width: 150px;
}

section.featured {
    padding: 30px 0 0;
}

section.featured a div.item:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.49);
}
section.featured a div.item {
    background: #fff;
    box-shadow: 0 0 50px -5px rgba(0,0,0,.1);
    margin-bottom: 30px;
    padding: 0;
    border: 0;
    transition: all .3s ease;
}

section.featured a div.item img {
    margin: 0;
    width: 100%;
}

.indicaties img:hover {
    transition: all .3s ease;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.4);
}
.indicaties .item h4 {
    display: inline-block;
    font-size: 15px!important;
    font-weight: 700;
    line-height: 20px;
    margin-top: 15px;
    text-transform: uppercase;
    word-break: break-word;
}


section.treatments.shortcode h3{
    display: none;
}


footer div.social-media ul li a {
    border-radius: 40%;
    background: #eda4ab !important;
    font-size: 38px;
    height: 60px;
    line-height: 58px;
    width: 60px;
}


@media only screen and (min-width: 992px) and (max-width: 1199px){
li#menu-item-4{
display:none;}
}

a.ing {
    color: #eda4ab!important;
    cursor: pointer;
}
h5.panel-title {
    border-bottom: 1px solid #fff;
}
.panel-body {
    color: #595959!important;
}

.panel-body a {
    color: #595959!important;
}



/*Huidadvies*/
.page-id-1358 div.page-header, .page-id-1358 div.breadcrumbs {
    display: none;
}
.page-id-1358 .huid-blok {
    box-shadow: 0 0 30px -5px rgba(0,0,0,.15);
    border-radius: 25px;
padding-top: 65px;
}
.page-id-1358 .huid-blok .wpcf7 {
    padding: 30px 60px;
}

.page-id-1358 .question{
    border: 1px solid #efefef;
    padding: 10px 15px 5px;
margin: 19px 0;
}




/*SKINTAKE*/
.skintake div.breadcrumbs, .stap-1 div.breadcrumbs, .stap-2 div.breadcrumbs, .stap-3 div.breadcrumbs, .stap-4 div.breadcrumbs, .skintake div.page-header, .stap-1 div.page-header, .stap-2 div.page-header, .stap-3 div.page-header, .stap-4 div.page-header {
    display: none;
}
.stappen-advies input[type="radio"]::before {
    background: grey;
    border-radius: 2px;
    content: "";
    position: absolute;
    top: -11px;
    left: 4px;
    width: 11px;
    height: 11px;
    z-index: 99;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.stappen-advies input[type="radio"]:checked::before {
  background: white;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.stappen-advies .blokwrap {
    box-shadow: 0 0 30px -5px rgba(0,0,0,.15);
    border-radius: 25px;
}
.stappen-advies .blokwrap .wpcf7 {
    padding: 30px 60px;
}
.stappen-advies .blokwrap img {
    width: 100%;
    border-radius: 25px 25px 0px 0px;
}

.stappen-advies {
    padding: 55px 10px;
}
.stappen-advies .question{
    border: 1px solid #efefef;
    padding: 10px 15px 5px;
    margin-bottom: 10px;
}
.stap-1 .stappen-advies .row-advies .col-md-12:nth-child(1), .stap-2 .stappen-advies .row-advies .col-md-12:nth-child(2), .stap-3 .stappen-advies .row-advies .col-md-12:nth-child(3), .stap-4 .stappen-advies .row-advies .col-md-12:nth-child(4)   {
    background: #292929;
}
.stappen-advies .row-advies .col-md-12 {
    margin-bottom: 35px;
    background: #a9a9a9;
    padding: 7px 25px;
    text-align: center;
    color: white;
}
.stappen-advies h1 {
    text-align: center;
    margin-bottom: 35px;
    text-transform: uppercase;
}

.stappen-advies center.skintakemark {
    color: #b1b1b1!important;
    padding-bottom: 50px;
}

.skintake .stappen-advies .adviestekst {
    PADDING: 40PX 22PX 10px;
}
.skintake .stappen-advies .btn {
    width: 30%;
    padding: 12px 14px!important;
    background: #595959!important;
    margin-top: 35px!important;
    border: 2px solid;
    border-color: #595959;
    color: #ffffff!important;
    border-radius: 31px!important;
}
.stappen-advies center.skintakemark img {
    width: 83px!important;
    border-radius: 0!important;
}
.skintake .stappen-advies center.skintakemark {
    padding-top: 50px;
}
.stappen-advies center.skintakeavg img {
    width: 15px!important;
    border-radius: 0!important;
    margin-bottom: 5px;
}
.stappen-advies center.skintakeavg {
    color: #828282!important;
    padding-bottom: 30px;
    margin-top: -25px;
    font-size: 12px;
}


footer .social-media ul.list-inline li a {
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


@media only screen and (max-width: 991px) {
.skintake .stappen-advies .btn {
    width: 55%!important;
}
.stappen-advies h1 {
    margin-top: 115px;
}
.stappen-advies .row-advies .col-md-12 {
    margin-bottom: 5px!important;
}
.stappen-advies .blokwrap .wpcf7 {
    padding: 25px;
}
.stappen-advies [type=submit], .stappen-advies a.button, .stappen-advies button.button, .stappen-advies button[type=submit], .stappen-advies input.button, .stappen-advies input[type=submit], .stappen-advies .btn {
    width: 38%!important;
}
.stappen-advies .row-advies .col-md-12 {
    padding: 7px 9px;
    font-size: 12px;
}
}

 .table-1 th,
  td {
    padding: .5em;
    vertical-align: middle
    border: 1px solid #dcdcdc;
}

.table-1 tr {   
      display: table-row; 
    }
.table-1, .table-2 {
    display: block;
    overflow-x: auto;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 8%), inset 0 0 0 1px rgb(255 255 255 / 50%);
}
table {
    border-spacing: 0;
     max-width: 100%;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.table-1 tr:nth-child(even){
    background: #f6f6f6;
}
td{
    border: 1px solid #dcdcdc;}
.table-1 tr td, {
    border: 1px solid #dcdcdc;
    padding: 10px 20px;
}
.panel-title{
font size: 1em;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
    padding: 25px 0px;}

/* ===========================================
   ALGEMEEN DESIGN — Blush Skin
   Toegevoegd op verzoek van klant
   =========================================== */

/* Body / tekst — Helvetica fallback (geen Google Font) */
body,
p, li, span, div,
.entry-content,
.content {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #3F3F3F;
}

/* Kopjes — Montserrat Bold, letter-spacing 0.1em, kleur #3F3F3F */
h1, h2, h3, h4, h5, h6,
.heading {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #3F3F3F;
}

/* Subkopje variant — Montserrat Regular, IN CAPS, spacing 0.2em */
.heading-eyebrow,
.subheading,
.heading-secondary {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #3F3F3F;
}

/* Header (boven aan de site) — Montserrat, letter-spacing 0.3em, kleur #242323 */
.site-header,
.site-header .header-text,
.header__top,
.topbar {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.3em;
    color: #242323;
}

/* Menu — Montserrat 10px, letter-spacing 0.05em, line-height 1.2, zwart */
#primary_navigation,
#primary_navigation a,
.navbar-nav a,
.menu-primaire-navigatie-container a,
nav.navbar a,
.main-navigation a,
.menu a,
.nav-menu a,
.primary-menu a {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    letter-spacing: 0.05em;
    line-height: 1.2;
    color: #000000;
}


/* ===== Topbar (boven het menu) ===== */
.topbar {
    background-color: var(--color-blush) !important;
    color: var(--color-text-main) !important;
    font-family: var(--font-heading);
    font-size: 12px;
    letter-spacing: var(--ls-header);
    text-transform: none;
    padding: 8px 0;
}
.topbar p { margin: 0; }
.topbar .topbar-items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    flex-wrap: wrap;
}
.topbar .topbar-item {
    color: var(--color-text-main);
    font-family: var(--font-heading);
    font-weight: 400;
    letter-spacing: 0.1em;
    font-size: 12px;
    white-space: nowrap;
}

/* ===== Header (logo + navigatie) ===== */
header.site-header,
.header,
.header__main,
.main-header {
    background-color: #ffffff !important;
}
.header__main, .header-main, .main-header__inner {
    background-color: #ffffff !important;
}

/* ===== Primaire navigatie ===== */
#primary_navigation,
.navbar-nav,
.main-navigation,
nav.navbar {
    background-color: transparent !important;
}
#primary_navigation a,
.main-navigation a,
.navbar-nav > li > a {
    font-family: var(--font-heading) !important;
    font-size: 13px !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase;
    color: var(--color-text-main) !important;
    font-weight: 500;
    padding: 1rem 0.9rem;
    transition: color 0.2s ease;
}
#primary_navigation a:hover,
.main-navigation a:hover,
.navbar-nav > li > a:hover {
    color: var(--color-blush) !important;
}

/* ===== Logo ===== */
.header__logo img,
.site-logo img,
.logo img {
    max-height: 50px;
    width: auto;
}

/* ===== Knoppen — design kleur ===== */
.btn-primary,
.btn.btn-primary,
button.btn-primary,
.wp-block-button__link {
    background-color: var(--color-button) !important;
    color: #ffffff !important;
    border-color: var(--color-button) !important;
    font-family: var(--font-heading);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: 500;
}
.btn-primary:hover,
.btn.btn-primary:hover {
    background-color: var(--color-text-dark) !important;
    border-color: var(--color-text-dark) !important;
}


/* ===== Header layout aanpassingen ===== */
.header__main, .header-main, .main-header, header.site-header {
    padding: 0.5rem 0;
}
.header .container,
.main-header .container,
header .container,
.header__main .container {
    max-width: 1700px;
    width: 95%;
}

/* Hide social icons in header — gebruiker wil ze daar niet */
.header .social,
.header__cta .social,
.header-cta .social,
.header__main .social,
.cta-social,
.header-social,
header .social-icons,
header.site-header .social,
header .header__social {
    display: none !important;
}

/* Logo iets breder maken zodat de tekst goed leesbaar is */
.header__logo img,
.site-logo img,
.logo img {
    max-height: 55px;
    max-width: 280px;
    width: auto;
    height: auto;
}

/* ===== Hero / homepage titel-tekst weghalen ===== */
/* Verbergt de oude hero-titel die over de header foto wordt getoond */
.header__title,
.header-title,
.hero-title,
.header__main h1.entry-title,
.page-title,
.header-content h1,
.header-content h2,
.header__inner h1,
.header__inner h2,
.header-inner h1,
.header-inner h2 {
    display: none !important;
}

/* ===== Mobiele menu verfijning ===== */
@media (max-width: 991px) {
    .topbar .topbar-items {
        gap: 1rem;
        font-size: 10px;
    }
    .topbar .topbar-item {
        font-size: 10px;
        letter-spacing: 0.05em;
    }
}
@media (max-width: 600px) {
    .topbar .topbar-items {
        flex-direction: column;
        gap: 0.25rem;
    }
}

/* Mobiel beeldvullend menu styling */
.mobile-menu.fullsize,
.mobile-menu--fullsize,
.mmenu-fullsize {
    background-color: #ffffff !important;
}
.mobile-menu.fullsize a,
.mobile-menu--fullsize a,
.mmenu-fullsize a {
    font-family: var(--font-heading);
    font-size: 18px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--color-text-main);
}


/* ===== Verberg social-media in header navigatie ===== */
header .social-media,
header .navbar .social-media,
header .navbar-collapse .social-media,
#navbarCollapse .social-media {
    display: none !important;
}

/* ===== Verberg hero-titel op homepage header ===== */
.header__content h1,
.header__content h2,
.wrapper.shadow .header__content,
.header__content .row.text-center {
    display: none !important;
}

/* Header foto: behoud volle weergave zonder tekst-overlay */
header .header__content {
    min-height: 1px;
}


/* ===== Menu rechts uitlijnen op desktop ===== */
@media (min-width: 992px){
  .navbar.navbar-default .navbar-collapse.collapse{display:flex !important;justify-content:flex-end;align-items:center;float:none;}
  .navbar.navbar-default .navbar-collapse.collapse > .menu-primaire-navigatie-container{margin-left:auto !important;text-align:right;}
  .navbar.navbar-default .nav.navbar-nav{float:none;display:inline-flex;justify-content:flex-end;text-align:right;margin:0;}
  .navbar.navbar-default .nav.navbar-nav > li{float:none;}
}

/* ===== Hero header verfijning ===== */
header > .wrapper{min-height:620px;}
header > .wrapper::after{background-position:center center !important;background-size:cover !important;background-repeat:no-repeat !important;}
.header__content{min-height:540px;display:flex;align-items:center;}
@media (max-width: 768px){
  header > .wrapper{min-height:380px;}
  .header__content{min-height:300px;}
}


/* ===== Uitgelichte blokken (homepage cards) ===== */
section.featured.block0{background:#fff;padding:60px 0 60px;}
section.featured.block0 .item.item-card{background:transparent !important;box-shadow:none !important;border-radius:0 !important;border:none !important;padding:0 !important;overflow:hidden;position:relative;transition:transform .35s ease, box-shadow .35s ease;}
section.featured.block0 .item.item-card img{display:block;width:100%;height:auto;border-radius:0 !important;margin:0 !important;}
section.featured.block0 a{display:block;text-decoration:none;}
section.featured.block0 .item.item-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.12);}

/* Mobile: kaarten boven elkaar met ruimte */
@media (max-width: 767px){
  section.featured.block0{padding:40px 0;}
  section.featured.block0 .col-sm-16{margin-bottom:18px;}
}


/* ===== Cards H3 als donkere label-band onderaan ===== */
section.featured.block0 a{position:relative;display:block;}
section.featured.block0 .item.item-card{position:relative;}
section.featured.block0 .item.item-card h3{
  position:absolute;left:0;right:0;bottom:0;margin:0 !important;
  background:#242323 !important;
  color:#ffffff !important;
  font-family:"Montserrat",sans-serif !important;
  font-weight:500 !important;
  font-size:13px !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  padding:18px 16px !important;
  text-align:center !important;
  line-height:1.2 !important;
  z-index:2;
}
section.featured.block0 .item.item-card p{display:none;}
@media (max-width: 767px){
  section.featured.block0 .item.item-card h3{font-size:12px;padding:14px 10px;}
}

section.featured.block0 .item.item-card img{min-height:300px;object-fit:cover;}
@media (max-width: 767px){
  section.featured.block0 .item.item-card img{min-height:240px;}
}


/* ===== Welkom-section (intro.text.block1) — roze design ===== */
section.intro.text.block1{
  background-color:#E0BAAF !important;
  color:#3F3F3F !important;
  padding:80px 0 !important;
}
section.intro.text.block1 h2,
section.intro.text.block1 h3,
section.intro.text.block1 h4{
  color:#242323 !important;
  font-family:'Montserrat',sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.1em !important;
  font-weight:700 !important;
}
section.intro.text.block1 h2{
  font-size:22px !important;
  line-height:1.3 !important;
  margin-bottom:8px !important;
}
section.intro.text.block1 h3{
  font-size:18px !important;
  margin-top:32px !important;
  margin-bottom:14px !important;
}
section.intro.text.block1 p,
section.intro.text.block1 li,
section.intro.text.block1 span,
section.intro.text.block1 a{
  color:#3F3F3F !important;
  font-family:'Montserrat',sans-serif !important;
  font-size:13px !important;
  line-height:1.6 !important;
  letter-spacing:.02em !important;
}
section.intro.text.block1 p strong{ color:#242323 !important; }

/* "Stap X" paragrafen als lijst met dunne onderlijn */
section.intro.text.block1 p:has(strong:first-child){
  padding:10px 0 !important;
  border-bottom:1px solid rgba(36,35,35,.25) !important;
  margin:0 !important;
  font-weight:500 !important;
}

/* BOEK NU knop — donkere outline op roze */
section.intro.text.block1 .btn,
section.intro.text.block1 .btn-primary,
section.intro.text.block1 a.button{
  background-color:transparent !important;
  border:1px solid #242323 !important;
  color:#242323 !important;
  text-transform:uppercase !important;
  letter-spacing:.2em !important;
  font-family:'Montserrat',sans-serif !important;
  font-size:12px !important;
  font-weight:600 !important;
  padding:14px 38px !important;
  border-radius:0 !important;
  transition:all .25s ease !important;
}
section.intro.text.block1 .btn:hover,
section.intro.text.block1 .btn-primary:hover,
section.intro.text.block1 a.button:hover{
  background-color:#242323 !important;
  color:#E0BAAF !important;
}

@media (max-width: 767px){
  section.intro.text.block1{ padding:50px 0 !important; }
  section.intro.text.block1 h2{ font-size:18px !important; }
}


/* ===== Indicaties section (intro.text.block2) - split foto/cream layout ===== */
section.intro.text.block2{
  background:var(--color-bg) !important;
  padding:0 !important;
  position:relative !important;
  overflow:hidden !important;
  min-height:540px !important;
}
section.intro.text.block2::before{
  content:"";
  position:absolute;
  top:0; bottom:0; left:0;
  width:50vw;
  background-image:url('https://blushskin.nbsals1.nl/wp-content/uploads/sites/345/2020/03/Gezichtsbehandeling-Haarlem.jpg');
  background-size:cover;
  background-position:center center;
  z-index:1;
}
section.intro.text.block2 > .container{
  max-width:100% !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  text-align:left !important;
  position:relative;
  z-index:2;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  align-content:center !important;
  min-height:540px;
}
section.intro.text.block2 > .container > *{
  width:auto !important;
  grid-column:2 !important;
  padding:0 60px !important;
  margin:0 0 18px !important;
}
section.intro.text.block2 > .container > *:last-child{ margin-bottom:0 !important; }
section.intro.text.block2 iframe{ display:none !important; }
section.intro.text.block2 > .container > p:has(iframe){ display:none !important; }

/* Heading INDICATIES */
section.intro.text.block2 h2{
  font-family:'Montserrat',sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.2em !important;
  font-size:32px !important;
  font-weight:400 !important;
  margin:0 0 18px !important;
  position:relative;
}
section.intro.text.block2 h2::after{
  content:"";
  display:block;
  width:80px;
  height:1px;
  background:var(--color-bg-light);
  margin-top:14px;
}

/* Body paragraphs */
section.intro.text.block2 p{
  font-family:'Montserrat',sans-serif !important;
  font-size:13px !important;
  line-height:1.6 !important;
  margin:0 0 18px !important;
  letter-spacing:.02em !important;
}
section.intro.text.block2 p strong{
  text-transform:uppercase !important;
  letter-spacing:.15em !important;
  font-size:11px !important;
  font-weight:600 !important;
  color:var(--color-brand-dark) !important;
}

/* Indicaties knoppen-grid - column-count voor schone 2-kol layout */
section.intro.text.block2 .row{
  display:block !important;
  column-count:2 !important;
  column-gap:10px !important;
  margin:24px 0 0 !important;
}
section.intro.text.block2 .row > .col-md-3,
section.intro.text.block2 .row > [class*="col-md-3"]{ display:none !important; }
section.intro.text.block2 .row > .col-md-14,
section.intro.text.block2 .row > [class*="col-md-14"]{
  display:contents !important;
}
section.intro.text.block2 .row a{
  display:block !important;
  background:var(--color-button-indication) !important;
  color:#ffffff !important;
  text-decoration:none !important;
  text-align:center !important;
  padding:9px 14px !important;
  font-family:'Montserrat',sans-serif !important;
  font-size:12px !important;
  letter-spacing:.05em !important;
  border-radius:0 !important;
  box-sizing:border-box !important;
  margin-bottom:10px !important;
  break-inside:avoid !important;
  -webkit-column-break-inside:avoid !important;
  page-break-inside:avoid !important;
  transition:background .2s ease !important;
}
section.intro.text.block2 .row a:hover{
  background:var(--color-button) !important;
}
section.intro.text.block2 .row a i,
section.intro.text.block2 .row a .fa{ display:none !important; }
section.intro.text.block2 .row br{ display:none !important; }

/* Mobile fallback: stack - foto bovenaan, content onder */
@media (max-width: 991px){
  section.intro.text.block2{ min-height:auto !important; }
  section.intro.text.block2::before{
    position:relative;
    display:block;
    width:100%;
    height:280px;
  }
  section.intro.text.block2 > .container{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:40px 0 !important;
  }
  section.intro.text.block2 > .container > *{
    grid-column:1 !important;
    padding:0 24px !important;
  }
  section.intro.text.block2 h2{ font-size:24px !important; }
  section.intro.text.block2 .row{ column-count:1 !important; }
}


/* ===== Recensies section (intro.text.block3) - roze slider met pijltjes ===== */
.intro.text.block3{background:var(--color-blush) !important;padding:80px 20px !important;}
.intro.text.block3 .recensies__wrapper,.intro.text.block3 iframe{display:none !important;}
.intro.text.block3 h2{color:#ffffff !important;font-family:var(--font-heading) !important;font-weight:700 !important;letter-spacing:var(--ls-heading) !important;text-transform:uppercase !important;text-align:center !important;font-size:24px !important;margin:0 auto 20px !important;position:relative;padding-bottom:18px;}
.intro.text.block3 h2::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:280px;height:1px;background:#ffffff;}

.bsi-reviews-slider{position:relative;max-width:1280px;margin:48px auto 32px;padding:0 64px;}
.bsi-reviews-viewport{overflow:hidden;}
.bsi-reviews-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:none;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px;}
.bsi-reviews-track::-webkit-scrollbar{display:none;}
.bsi-review{flex:0 0 calc((100% - 48px) / 3);min-width:0;scroll-snap-align:none;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 20px 28px;color:#ffffff;}
.bsi-review__name{font-family:var(--font-heading);font-weight:700;letter-spacing:0.15em;text-transform:uppercase;margin:0 0 18px;color:#ffffff;}
.bsi-review__body{font-family:var(--font-heading);font-style:italic;font-weight:400;line-height:1.7;color:#ffffff;margin:0 0 22px;max-width:280px;}
.bsi-review__quote{font-family:Georgia,serif;font-size:3.5em;line-height:0.5;color:#ffffff;margin-top:auto;user-select:none;}

.bsi-reviews-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:transparent;border:1.5px solid #ffffff;color:#ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s ease,color .25s ease;z-index:2;}
.bsi-reviews-arrow:hover{background:#ffffff;color:var(--color-blush);}
.bsi-reviews-arrow:disabled{opacity:0.35;cursor:default;}
.bsi-reviews-arrow:disabled:hover{background:transparent;color:#ffffff;}
.bsi-reviews-arrow--prev{left:8px;}
.bsi-reviews-arrow--next{right:8px;}
.bsi-reviews-arrow svg{width:18px;height:18px;display:block;}

.bsi-reviews-cta{display:flex;justify-content:center;margin-top:24px;}
.bsi-reviews-cta a{display:inline-block;background:var(--color-brand-dark);color:#ffffff;padding:14px 40px;font-family:var(--font-heading);font-weight:600;letter-spacing:var(--ls-subheading);text-transform:uppercase;font-size:13px;text-decoration:none;transition:background .25s ease;}
.bsi-reviews-cta a:hover{background:var(--color-button);}

@media (max-width:991px){
  .bsi-reviews-slider{padding:0 48px;}
  .bsi-review{flex:0 0 calc((100% - 24px) / 2);}
}
@media (max-width:767px){
  .intro.text.block3{padding:60px 12px !important;}
  .bsi-reviews-slider{padding:0 40px;margin-top:32px;}
  .bsi-review{flex:0 0 100%;padding:16px 12px 20px;}
  .bsi-reviews-arrow{width:38px;height:38px;}
  .bsi-reviews-arrow--prev{left:0;}
  .bsi-reviews-arrow--next{right:0;}
}

/* Recensies: hide oude bekijk-recensies link + sterker contrast pijltjes */
.intro.text.block3 a.btn.btn-primary:not(.bsi-reviews-cta a){display:none !important;}
.bsi-reviews-arrow{border-width:2px !important;background:rgba(255,255,255,0.18) !important;}
.bsi-reviews-arrow:hover{background:#ffffff !important;color:var(--color-blush) !important;}
.bsi-reviews-arrow{font-family:Arial,sans-serif;font-size:26px;line-height:1;padding:0 0 4px;}

/* ===== Blush in de media section (CSS-only injected na block3) ===== */
.bsi-media{background:var(--color-brand-dark);color:#ffffff;padding:96px 20px;text-align:center;}
.bsi-media__heading{font-family:var(--font-heading);font-weight:600;letter-spacing:var(--ls-heading);text-transform:uppercase;color:#ffffff;font-size:18px;margin:0 auto 18px;position:relative;display:inline-block;padding-bottom:18px;}
.bsi-media__heading::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:200px;height:1px;background:#ffffff;}
.bsi-media__logos{display:flex;align-items:center;justify-content:center;gap:90px;margin:36px auto 56px;flex-wrap:wrap;max-width:1100px;}
.bsi-media__logo{color:#ffffff;opacity:0.95;display:inline-flex;align-items:center;line-height:1;}
.bsi-media__logo--rtl{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:46px;letter-spacing:-0.02em;}
.bsi-media__logo--haarlem{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:32px;line-height:1;text-align:center;flex-direction:column;}
.bsi-media__logo--haarlem small{display:block;font-family:var(--font-heading);font-size:11px;font-weight:600;letter-spacing:0.3em;margin-top:4px;color:#ffffff;}
.bsi-media__logo--treatwell{font-family:var(--font-heading);font-weight:300;font-size:34px;letter-spacing:-0.01em;}
.bsi-media__video{max-width:760px;margin:0 auto;position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;}
.bsi-media__video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
@media (max-width:767px){
  .bsi-media{padding:60px 16px;}
  .bsi-media__logos{gap:36px;margin:28px auto 36px;}
  .bsi-media__logo--rtl{font-size:34px;}
  .bsi-media__logo--haarlem{font-size:24px;}
  .bsi-media__logo--treatwell{font-size:26px;}
  .bsi-media__video{max-width:100%;}
}

/* ===== Populaire behandelingen section (treatments.block4) - clean grid ===== */
section.treatments.block4{background:#ffffff !important;padding:80px 20px 40px !important;text-align:center !important;}
section.treatments.block4 h2{font-family:var(--font-heading) !important;font-weight:400 !important;letter-spacing:0.35em !important;text-transform:uppercase !important;color:var(--color-brand-dark) !important;font-size:22px !important;text-align:center !important;margin:0 auto 40px !important;position:relative;padding-bottom:18px;display:inline-block;background:transparent;}
section.treatments.block4 .container{text-align:center;}
section.treatments.block4 h2::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:200px;height:1px;background:var(--color-brand-dark);}
section.treatments.block4 .row::before,section.treatments.block4 .row::after{display:none !important;content:none !important;}
section.treatments.block4 .row{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:24px !important;max-width:1180px;margin:0 auto !important;}
section.treatments.block4 .row > [class*=col-]{width:100% !important;max-width:100% !important;flex:none !important;float:none !important;padding:0 !important;}
section.treatments.block4 .item{display:flex !important;flex-direction:column;align-items:center;text-align:center;}
section.treatments.block4 .item > a:first-child{display:block;width:100%;overflow:hidden;background:#f5f5f5;}
section.treatments.block4 .item img.img-circle{border-radius:0 !important;width:100% !important;height:200px !important;object-fit:cover !important;display:block;transition:transform .35s ease;}
section.treatments.block4 .item:hover img.img-circle{transform:scale(1.05);}
section.treatments.block4 .item > a:last-child{margin-top:14px;padding-top:10px;border-top:1px solid var(--color-brand-dark);min-width:160px;text-decoration:none;}
section.treatments.block4 .item > a:last-child span{font-family:var(--font-heading) !important;font-weight:500 !important;letter-spacing:0.18em !important;text-transform:uppercase !important;color:var(--color-text-main) !important;font-size:11px !important;display:inline-block;}

/* Alle behandelingen knop (block5) gecentreerd donker */
section.intro.text.block5{background:#ffffff !important;padding:10px 20px 80px !important;text-align:center !important;}
section.intro.text.block5 .container{text-align:center !important;}
section.intro.text.block5 a.btn-primary,section.intro.text.block5 a.btn{display:inline-block !important;background:var(--color-brand-dark) !important;color:#ffffff !important;border:0 !important;padding:14px 40px !important;font-family:var(--font-heading) !important;font-weight:600 !important;letter-spacing:var(--ls-subheading) !important;text-transform:uppercase !important;font-size:13px !important;text-decoration:none !important;border-radius:0 !important;transition:background .25s ease;}
section.intro.text.block5 a.btn-primary:hover,section.intro.text.block5 a.btn:hover{background:var(--color-button) !important;}

@media (max-width:991px){
  section.treatments.block4 .row{grid-template-columns:repeat(2,1fr) !important;}
}
@media (max-width:575px){
  section.treatments.block4{padding:60px 16px 30px !important;}
  section.treatments.block4 h2{letter-spacing:0.2em !important;font-size:18px !important;}
  section.treatments.block4 .row{grid-template-columns:1fr !important;}
  section.treatments.block4 .item img.img-circle{height:240px !important;}
}


/* ===== Footer redesign ===== */

/* Partners-strook donker (laat de witte logo's leesbaar zijn) */
section.partners{
  background-color: var(--color-brand-dark) !important;
  padding: 50px 20px !important;
  border-top: none !important;
}
section.partners .row{
  display: flex !important;
  flex-wrap: wrap !important;
    justify-content: space-between !important;
  align-items: center !important;
  gap: 40px !important;
  margin: 0 !important;
}
section.partners .row::before,
section.partners .row::after{ display:none !important; content:none !important; }
section.partners .col-sm-24,
section.partners .col-md-12{
  width: auto !important;
  flex: 0 0 auto !important;
  float: none !important;
  padding: 0 !important;
  max-width: 220px !important;
}
section.partners .item .holder{ padding: 0 !important; }
section.partners img{
  max-width: 100% !important;
  height: auto !important;
  filter: brightness(0) invert(1);
  opacity: 0.95;
}

/* Footer bg roze */
footer{
  background-color: var(--color-blush) !important;
  color: #fff !important;
  padding: 70px 20px 50px !important;
}
footer .container{ max-width: 1180px !important; }
footer .row{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 40px !important;
}
footer .row::before,
footer .row::after{ display:none !important; content:none !important; }
footer .col-sm-24,
footer .col-md-12{
  width: 100% !important;
  max-width: 100% !important;
  flex: unset !important;
  float: none !important;
  padding: 0 !important;
}
footer .column h4{
  color: #fff !important;
  font-family: var(--font-heading) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  margin: 0 0 20px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(255,255,255,0.45) !important;
}
footer .column p,
footer .column a,
footer .column td,
footer .column strong{
  color: #fff !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
  line-height: 1.6 !important;
}
footer .column a{ text-decoration: none !important; }
footer .column a:hover{ text-decoration: underline !important; }
footer .column strong{ font-weight: 700 !important; }

/* Openingstijden tabel naar simpele lijst-look */
footer table.opening_hours{
  width: 100% !important;
  border-collapse: collapse !important;
  background: transparent !important;
}
footer table.opening_hours td{
  border: none !important;
  background: transparent !important;
  padding: 4px 0 !important;
  font-size: 13px !important;
  color: #fff !important;
}
footer table.opening_hours td:first-child{ width: 50%; }

/* Lees meer button (roze section) */
footer .column .btn,
footer .column a.btn{
  display: inline-block !important;
  background: var(--color-brand-dark) !important;
  color: #fff !important;
  padding: 10px 22px !important;
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  border: none !important;
  margin-top: 10px !important;
}

/* Volg ons online: maak van lege list-inline echte iconen via ::before */
footer .social-media ul.list-inline{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  gap: 18px !important;
}
footer .social-media ul.list-inline li{
  display: inline-flex !important;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
}
footer .social-media ul.list-inline li:nth-child(1)::before{
  content: '';
  display: block;
  width: 24px; height: 24px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M12 2.2c3.2 0 3.6 0 4.8.1 1.2.1 1.8.2 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.2.4.4 1 .4 2.2.1 1.2.1 1.6.1 4.8s0 3.6-.1 4.8c-.1 1.2-.2 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.2-1 .4-2.2.4-1.2.1-1.6.1-4.8.1s-3.6 0-4.8-.1c-1.2-.1-1.8-.2-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.2-.4-.4-1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.8c.1-1.2.2-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.2 1-.4 2.2-.4C8.4 2.2 8.8 2.2 12 2.2zm0 1.8c-3.1 0-3.5 0-4.7.1-1.1.1-1.7.2-2.1.4-.5.2-.9.4-1.3.8-.4.4-.6.8-.8 1.3-.2.4-.3 1-.4 2.1-.1 1.2-.1 1.6-.1 4.7s0 3.5.1 4.7c.1 1.1.2 1.7.4 2.1.2.5.4.9.8 1.3.4.4.8.6 1.3.8.4.2 1 .3 2.1.4 1.2.1 1.6.1 4.7.1s3.5 0 4.7-.1c1.1-.1 1.7-.2 2.1-.4.5-.2.9-.4 1.3-.8.4-.4.6-.8.8-1.3.2-.4.3-1 .4-2.1.1-1.2.1-1.6.1-4.7s0-3.5-.1-4.7c-.1-1.1-.2-1.7-.4-2.1-.2-.5-.4-.9-.8-1.3-.4-.4-.8-.6-1.3-.8-.4-.2-1-.3-2.1-.4-1.2-.1-1.6-.1-4.7-.1zm0 3c2.8 0 5 2.2 5 5s-2.2 5-5 5-5-2.2-5-5 2.2-5 5-5zm0 8.2c1.8 0 3.2-1.4 3.2-3.2S13.8 8.8 12 8.8 8.8 10.2 8.8 12s1.4 3.2 3.2 3.2zm6.4-8.4c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2.5-1.2 1.2-1.2 1.2.5 1.2 1.2z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
footer .social-media ul.list-inline li:nth-child(2)::before{
  content: '';
  display: block;
  width: 24px; height: 24px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M13.5 21.9V12.8h3.1l.5-3.6h-3.6V6.9c0-1 .3-1.7 1.8-1.7h1.9V2c-.3 0-1.4-.1-2.7-.1-2.7 0-4.5 1.6-4.5 4.6v2.6H6.9v3.6H10v9.1h3.5z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
footer .social-media ul.list-inline li a{
  display: block;
  width: 100%;
  height: 100%;
}

/* Socket onderaan donker */
footer .socket{
  background: var(--color-brand-dark) !important;
  margin: 50px -20px -50px !important;
  padding: 22px 40px !important;
  color: rgba(255,255,255,0.55) !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
}
footer .socket .row{
  display: flex !important;
  grid-template-columns: unset !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;
}
footer .socket .col-md-30,
footer .socket .col-md-18{
  width: auto !important;
  flex: 0 0 auto !important;
}
footer .socket span,
footer .socket a{
  color: rgba(255,255,255,0.55) !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
}
footer .socket a:hover{ color:#fff !important; }
footer .socket .right{ text-align: right; }

/* Floating "AFSPRAAK MAKEN" knop → roze */
.btn.btn-primary.btn-flying{
  background: var(--color-blush) !important;
  background-color: var(--color-blush) !important;
  color: #fff !important;
  border: none !important;
  font-family: var(--font-heading) !important;
  font-size: 11px !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  padding: 14px 26px !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.18) !important;
}
.btn.btn-primary.btn-flying:hover{
  background: var(--color-brand-dark) !important;
  color: #fff !important;
}

/* Mobile aanpassingen footer */
@media (max-width: 991px){
  footer .row{ grid-template-columns: repeat(2, 1fr) !important; gap: 30px !important; }
  section.partners .row{ gap: 30px !important; }
  /* Media logos in 1 kolom centered */
  .bsi-media__logos{ flex-direction: column !important; gap: 20px !important; }
}
@media (max-width: 575px){
  footer{ padding: 50px 20px 40px !important; }
  footer .row{ grid-template-columns: 1fr !important; }
  footer .socket .row{ flex-direction: column !important; text-align: center !important; }
  footer .socket .right{ text-align: center !important; }
}


/* ===== Header compacter + logo groter ===== */
header .header.full-width > .container > .row.no-gutter{
  padding: 12px 0 !important;
}
header .header.full-width .col-sm-10,
header .header.full-width .col-sm-38{
  display: flex !important;
  align-items: center !important;
  min-height: 0 !important;
}
/* Logo groter */
header img.logo{
  width: 175px !important;
  max-width: 175px !important;
  height: auto !important;
}
/* Navbar zelf compacter */
header nav.navbar{
  margin-bottom: 0 !important;
  min-height: 0 !important;
}
header nav.navbar .nav > li > a{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
@media (max-width: 991px){
  header img.logo{ width: 150px !important; max-width: 150px !important; }
  header .header.full-width > .container > .row.no-gutter{ padding: 8px 0 !important; }
}


/* ===== Header tweede compaction-pass: holder/row nog korter ===== */
header .header.full-width > .container > .row.no-gutter{
  padding: 4px 0 !important;
}
header .header.full-width .col-sm-10,
header .header.full-width .col-sm-38{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
header nav.navbar .nav > li > a{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
@media (max-width: 991px){
  header .header.full-width > .container > .row.no-gutter{ padding: 3px 0 !important; }
}


/* ===== Header .holder fixed height wegnemen ===== */
header .header.full-width .holder{
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}
header .header.full-width .holder > .wrapper{
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
}
@media (max-width: 991px){

  header .header.full-width .holder{ 
    min-height: 71px !important;
height: auto !important;

 }
}


/* Mobile hamburger naar rechts */
@media (max-width: 991px){
  header .header.full-width .col-sm-38.xs-absolute-overlay{
    text-align: left!important;
  }
  header .header.full-width .navbar-toggle{
    float: right !important;
    margin-right: 15px !important;
    margin-left: auto !important;
  }
}


/* === Indicaties pagina (page id 501) === */
.page-id-501 section.intro.text { padding: 60px 0 30px; }
.page-id-501 section.intro.text + section.intro.text { padding-top: 30px; }
.page-id-501 section.intro.text:last-of-type { padding-bottom: 80px; }

/* Section 1 heading: zelfde stijl als homepage Indicaties (block2) */
.page-id-501 section.intro.text.block0 > .container > h1,
.page-id-501 section.intro.text.block0 > .container > h2 {
  position: relative;
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: var(--ls-subheading);
  font-size: 32px;
  font-weight: 400;
  color: var(--color-brand-dark);
  margin: 0 auto 28px;
  padding: 0;
  border: none;
  display: block;
  text-align: center;
}
.page-id-501 section.intro.text.block0 > .container > h1::after,
.page-id-501 section.intro.text.block0 > .container > h2::after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: var(--color-brand-dark);
  margin: 14px auto 0;
}

.page-id-501 section.intro.text.block0 p { margin: 0 0 14px; line-height: 1.7; }
.page-id-501 section.intro.text.block0 p strong { display: inline-block; margin-top: 10px; }
.page-id-501 section.intro.text.block0 p:first-of-type strong { margin-top: 0; }

/* === Indicatie grid (Section 2) === */
.indication-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px 30px;
  margin: 10px 0 0;
}
.indication-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
  text-decoration: none !important;
  color: var(--color-text-muted);
  transition: color .2s ease, transform .25s ease;
}
.indication-card:hover { color: var(--color-text-dark); transform: translateY(-2px); }
.indication-card .indication-image {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f5f1ec;
  border-radius: 0;
  margin-bottom: 18px;
  position: relative;
}

.indication-card .indication-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}
.indication-card:hover .indication-image img { transform: scale(1.04); }
.indication-card .indication-label {
  font-family: var(--font-heading);
  font-size: 11px;
  letter-spacing: var(--ls-subheading);
  text-transform: uppercase;
  line-height: 1.5;
  font-weight: 500;
  display: block;
  padding: 14px 4px 0;
  margin-top: 0;
  border-top: 1px solid rgba(0,0,0,0.25);
}

@media (max-width: 991px) {
  .indication-grid { grid-template-columns: repeat(3, 1fr); gap: 36px 20px; }
}
@media (max-width: 640px) {
  .indication-grid { grid-template-columns: repeat(2, 1fr); gap: 30px 16px; }
}

/* Override alternating blok-achtergrond op Indicaties-pagina (id 501): blokken horen wit/neutraal te zijn op deze pagina */
.page-id-501 section.intro.text.block0,
.page-id-501 section.intro.text.block1,
.page-id-501 section.intro.text.block2,
.page-id-501 section.intro.text.block3 { background-color: #ffffff !important; }


/* === Indicatie sub-pagina (kinderen van Indicaties, page id 501) === */
/* Toepasbaar via .parent-pageid-501 die op alle child pages staat */
.parent-pageid-501 section.intro.text { padding: 60px 0 30px; }
.parent-pageid-501 section.intro.text:first-of-type { padding-top: 80px; }
.parent-pageid-501 section.intro.text:last-of-type { padding-bottom: 80px; }

/* Override block achtergrondkleur op deze sub-paginas zodat ze wit blijven */
.parent-pageid-501 section.intro.text.block0,
.parent-pageid-501 section.intro.text.block1,
.parent-pageid-501 section.intro.text.block3 { background-color: #ffffff !important; }

/* Heading: "INDICATIE | <NAAM>" stijl */
.parent-pageid-501 section.intro.text.block0 > .container > h1,
.parent-pageid-501 section.intro.text.block0 > .container > h2 {
  position: relative;
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: var(--ls-subheading);
  font-size: 18px;
  font-weight: 500;
  color: var(--color-brand-dark);
  margin: 0 0 32px;
  padding: 0 0 0 0;
  border: none;
  display: block;
}
.parent-pageid-501 section.intro.text.block0 > .container > h1::before,
.parent-pageid-501 section.intro.text.block0 > .container > h2::before {
  content: "INDICATIE";
  display: inline-block;
  margin-right: 14px;
  padding-right: 14px;
  border-right: 1px solid rgba(0,0,0,0.35);
  font-weight: 600;
}

/* Body paragrafen: rustige ritme met vetgedrukte subkopjes */
.parent-pageid-501 section.intro.text.block0 p { margin: 0 0 14px; line-height: 1.7; }
.parent-pageid-501 section.intro.text.block0 p strong { font-weight: 600; }
.parent-pageid-501 section.intro.text.block0 p:has(> strong:only-child) { margin-top: 18px; }

/* Korte horizontale lijn na de body, voor de behandelingen-grid */
.parent-pageid-501 .indication-divider {
  width: 200px;
  height: 1px;
  background: rgba(0,0,0,0.35);
  margin: 32px 0 0;
}

/* Kleinere grid voor sub-pagina's (3 kolommen i.p.v. 4) */
.indication-grid--small {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 30px;
  margin: 10px 0 0;
}
.indication-grid--small .indication-card .indication-image {
  aspect-ratio: 1 / 1;
}
@media (max-width: 640px) {
  .indication-grid--small { grid-template-columns: repeat(2, 1fr); gap: 28px 16px; }
}


/* === Indicatie sub-page block 3: Afspraak maken === */
.parent-pageid-501 section.intro.text.block2 { background: var(--color-brand) !important; padding: 80px 0 !important; }
.parent-pageid-501 section.intro.text.block2 .container,
.parent-pageid-501 section.intro.text.block2 .row {
  color: var(--color-text-main);
}
.parent-pageid-501 section.intro.text.block2 h2 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 32px;
  letter-spacing: var(--ls-subheading);
  color: var(--color-brand-dark);
  text-transform: uppercase;
  margin: 0 0 24px;
  position: relative;
}
.parent-pageid-501 section.intro.text.block2 h2::before,
.parent-pageid-501 section.intro.text.block2 h2::after { display: none; }
.parent-pageid-501 section.intro.text.block2 p {
  color: var(--color-brand-dark);
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 14px;
}
.parent-pageid-501 section.intro.text.block2 .indication-zorgheading {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.05em;
  text-transform: lowercase;
  margin: 32px 0 18px;
  font-style: normal;
}
.parent-pageid-501 section.intro.text.block2 .indication-divider {
  width: 200px;
  height: 1px;
  background: rgba(0,0,0,0.35);
  margin: 28px 0;
}
.parent-pageid-501 section.intro.text.block2 .indication-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 36px;
}
.parent-pageid-501 section.intro.text.block2 .indication-cta-buttons a {
  display: inline-block;
  padding: 14px 28px;
  background: var(--color-brand-dark);
  color: #fff;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: var(--ls-subheading);
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  transition: background 0.2s ease;
}
.parent-pageid-501 section.intro.text.block2 .indication-cta-buttons a:hover {
  background: #000;
}
 

/* Verberg de standaard half-foto-achtergrond op block2 voor sub-paginas */
.parent-pageid-501 section.intro.text.block2::before { display: none !important; }
.parent-pageid-501 section.intro.text.block2 { min-height: 0 !important; overflow: visible !important; }


/* === FIX: hide auto-inserted BR inside indication grids === */
.indication-grid > br { display: none !important; }

/* === FIX: indication-grid--small responsive 3-col === */
.parent-pageid-501 section.intro.text.block1 .indication-grid--small {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 10px auto 0;
}
@media (max-width: 768px) {
  .parent-pageid-501 section.intro.text.block1 .indication-grid--small {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* === FIX: block2 container single centered column === */
.parent-pageid-501 section.intro.text.block2 .container {
  display: block !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  text-align: left !important;
}
.parent-pageid-501 section.intro.text.block2 .container > * { max-width: 100%; }

/* === Behandelingen overview (page-id-594) === */
.page-id-594 #content > .container > .row > main { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
.page-id-594 aside.sidebar, .page-id-594 #sidebar { display: none !important; }
.page-id-594 section.intro.text.block0 { background: #fff; padding: 40px 0 80px !important; }
.page-id-594 section.intro.text.block0 .container { display: block !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 24px !important; }
.page-id-594 section.intro.text.block0 h1, .page-id-594 section.intro.text.block0 h2 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: var(--ls-subheading);
  color: var(--color-text-dark);
  text-transform: uppercase;
  margin: 0 0 18px;
  padding: 0 0 18px;
  border-bottom: 1px solid rgba(0,0,0,0.18);
}
.page-id-594 section.intro.text.block0 h1::before, .page-id-594 section.intro.text.block0 h1::after, .page-id-594 section.intro.text.block0 h2::before, .page-id-594 section.intro.text.block0 h2::after { display: none !important; }
.page-id-594 .treatment-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 32px 0 0;
}
.page-id-594 .treatment-grid > br { display: none !important; }
.page-id-594 .treatment-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #ece5d4;
  padding: 28px 28px 32px;
  text-decoration: none !important;
  color: var(--color-text-muted);
  transition: transform .25s ease, color .2s ease;
}
.page-id-594 .treatment-card:hover { transform: translateY(-3px); color: var(--color-text-dark); }
.page-id-594 .treatment-card .treatment-image {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #fff;
  margin-bottom: 22px;
}
.page-id-594 .treatment-card .treatment-image img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .4s ease;
}
.page-id-594 .treatment-card:hover .treatment-image img { transform: scale(1.04); }
.page-id-594 .treatment-card .treatment-label {
  display: block;
  text-align: center;
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: var(--ls-subheading);
  text-transform: uppercase;
  color: var(--color-text-dark);
}
@media (max-width: 768px) { .page-id-594 .treatment-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } }
@media (max-width: 480px) { .page-id-594 .treatment-grid { grid-template-columns: 1fr; } }

/* === Behandeling sub-page (single-behandelingen) === */
.single-behandelingen #content > .container > .row > main { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
.single-behandelingen aside.sidebar, .single-behandelingen #sidebar { display: none !important; }
.single-behandelingen .breadcrumbs, .single-behandelingen #breadcrumbs, .single-behandelingen .breadcrumb { display: none !important; }

/* Block 0 layout */
.single-behandelingen section.intro.text.block0 { background: #fff; padding: 40px 0 80px !important; }
.single-behandelingen section.intro.text.block0 .container { display: block !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 24px !important; }
.single-behandelingen section.intro.text.block0 > .container > h1:first-of-type, .single-behandelingen section.intro.text.block0 > .container > h2:first-of-type {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: var(--ls-subheading);
  color: var(--color-text-dark);
  text-transform: uppercase;
  margin: 0 0 18px;
  padding: 0 0 18px;
  border-bottom: 1px solid rgba(0,0,0,0.18);
}
.single-behandelingen section.intro.text.block0 > .container > h1:first-of-type::before, .single-behandelingen section.intro.text.block0 > .container > h2:first-of-type::before {
  content: "BEHANDELING";
  display: inline-block;
  margin-right: 14px;
  padding-right: 14px;
  border-right: 1px solid rgba(0,0,0,0.35);
  font-weight: 600;
}
.single-behandelingen section.intro.text.block0 > .container > h1:first-of-type::after, .single-behandelingen section.intro.text.block0 > .container > h2:first-of-type::after { display: none !important; }
.single-behandelingen section.intro.text.block0 p { margin: 0 0 14px; line-height: 1.7; font-size: 14px; color: var(--color-text-main); }
.single-behandelingen section.intro.text.block0 p strong { font-weight: 600; color: var(--color-text-dark); }
.single-behandelingen section.intro.text.block0 ul { margin: 8px 0 22px 0; padding-left: 20px; }
.single-behandelingen section.intro.text.block0 ul li { line-height: 1.8; font-size: 14px; color: var(--color-text-main); }
.single-behandelingen .treatment-cta { margin-top: 32px; }
.single-behandelingen .btn-cta {
  display: inline-block;
  padding: 14px 28px;
  background: var(--color-brand-dark);
  color: #fff !important;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: var(--ls-subheading);
  text-transform: uppercase;
  text-decoration: none !important;
  transition: background .2s ease;
}
.single-behandelingen .btn-cta:hover { background: #000; }

/* Block 1: Wat onze klanten vinden (pink reviews section) */
.single-behandelingen section.intro.text.block1 { background: var(--color-brand) !important; padding: 80px 0 90px !important; }
.single-behandelingen section.intro.text.block1::before, .single-behandelingen section.intro.text.block1::after { display: none !important; }
.single-behandelingen section.intro.text.block1 .container { display: block !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 24px !important; text-align: center; }
.single-behandelingen section.intro.text.block1 h2 {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: var(--ls-subheading);
  color: var(--color-brand-dark);
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 12px;
  padding: 0 0 14px;
  border: 0;
  position: relative;
}
.single-behandelingen section.intro.text.block1 h2::before, .single-behandelingen section.intro.text.block1 h2::after { display: none !important; content: none !important; }
.single-behandelingen section.intro.text.block1 h2::after {
  display: block !important;
  content: "" !important;
  width: 60px;
  height: 1px;
  background: hsla(0, 0%, 100%, 0.6);
  margin: 14px auto 0;
}
.single-behandelingen section.intro.text.block1 .reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 48px 0 0;
  text-align: center;
}
.single-behandelingen section.intro.text.block1 .reviews-grid > br { display: none !important; }
.single-behandelingen section.intro.text.block1 .review-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0 20px;
  position: relative;
}
.single-behandelingen section.intro.text.block1 .review-card .review-name {
  display: block;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: var(--ls-subheading);
  text-transform: uppercase;
  color: var(--color-brand-dark);
  margin-bottom: 18px;
}
.single-behandelingen section.intro.text.block1 .review-card .review-text {
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.7;
  color: var(--color-brand-dark);
  margin: 0 0 18px;
  font-style: italic;
}
.single-behandelingen section.intro.text.block1 .review-card .review-quote {
  font-family: var(--font-heading) !important;
  font-size: 64px !important;
  line-height: 0.6 !important;
  color: var(--color-brand-dark);
  margin-top: 6px;
  display: inline-block;
}
.single-behandelingen section.intro.text.block1 .reviews-cta { margin-top: 48px; text-align: center; }
.single-behandelingen section.intro.text.block1 .btn-cta-dark {
  display: inline-block;
  padding: 14px 32px;
  background: var(--color-brand-dark);
  color: #fff !important;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: var(--ls-subheading);
  text-transform: uppercase;
  text-decoration: none !important;
  transition: background .2s ease;
}
.single-behandelingen section.intro.text.block1 .btn-cta-dark:hover { background: #000; }
@media (max-width: 768px) { .single-behandelingen section.intro.text.block1 .reviews-grid { grid-template-columns: 1fr; gap: 40px; } }

/* ===== Merken overzicht (page-id-487) ===== */
.page-id-487 section.intro.text.block0 .container { display: block !important; max-width: 1100px !important; margin: 0 auto !important; padding: 40px 20px !important; }
.page-id-487 section.intro.text.block0 h1,
.page-id-487 section.intro.text.block0 h2 { font-family: var(--font-heading); letter-spacing: var(--ls-subheading); text-transform: uppercase; font-weight: 400; font-size: 18px; color: var(--color-text-dark); padding-bottom: 16px; border-bottom: 1px solid #d9d9d9; margin: 0 0 30px 0; }
.page-id-487 .brand-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
.page-id-487 .brand-grid > br { display: none !important; }
.page-id-487 .brand-card { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; background: #ece5d4; padding: 28px 24px 30px; text-decoration: none !important; transition: transform .25s ease, box-shadow .25s ease; }
.page-id-487 .brand-card:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,0.08); }
.page-id-487 .brand-card img { width: 100%; height: auto; max-width: 360px; display: block; margin: 0 auto 20px; }
.page-id-487 .brand-card .brand-name { font-family: var(--font-heading); letter-spacing: var(--ls-subheading); text-transform: uppercase; font-size: 13px; color: var(--color-text-dark); }
@media (max-width: 768px) { .page-id-487 .brand-grid { grid-template-columns: 1fr; } }

/* ===== Merk detail page (parent-pageid-487) ===== */
body.parent-pageid-487 .sidebar-primary, body.parent-pageid-487 #sidebar, body.parent-pageid-487 aside.sidebar { display: none !important; }
body.parent-pageid-487 .breadcrumbs, body.parent-pageid-487 .breadcrumb { display: none !important; }
body.parent-pageid-487 section.intro.text.block0 .container,
body.parent-pageid-487 section.intro.text.block1 .container { display: block !important; max-width: 900px !important; margin: 0 auto !important; padding: 40px 20px !important; }

/* MERK | NAAM header decoration on block0 */
body.parent-pageid-487 section.intro.text.block0 > .container > h1:first-of-type,
body.parent-pageid-487 section.intro.text.block0 > .container > h2:first-of-type {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 18px;
  letter-spacing: var(--ls-subheading);
  text-transform: uppercase;
  color: var(--color-text-dark);
  padding-bottom: 16px;
  margin: 0 0 28px 0;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
body.parent-pageid-487 section.intro.text.block0 > .container > h1:first-of-type::before,
body.parent-pageid-487 section.intro.text.block0 > .container > h2:first-of-type::before {
  content: 'MERK';
  margin-right: 14px;
  padding-right: 14px;
  border-right: 1px solid #999;
  color: var(--color-text-dark);
}
body.parent-pageid-487 section.intro.text.block0 p { font-family: var(--font-body); font-size: 15px; line-height: 1.7; color: var(--color-text-main); margin: 0 0 18px 0; }
body.parent-pageid-487 section.intro.text.block0 ul { font-family: var(--font-body); font-size: 15px; line-height: 1.7; color: var(--color-text-main); margin: 0 0 18px 18px; padding: 0; }
body.parent-pageid-487 section.intro.text.block0 ul li { margin-bottom: 6px; }

/* Shop CTA on merk detail */
body.parent-pageid-487 .brand-cta { margin: 26px 0 0; }
body.parent-pageid-487 .brand-cta .btn-cta { display: inline-block; background: #1d1d1d; color: #fff !important; font-family: var(--font-heading); letter-spacing: var(--ls-subheading); text-transform: uppercase; font-size: 12px; padding: 14px 32px; text-decoration: none !important; transition: background .2s ease; }
body.parent-pageid-487 .brand-cta .btn-cta:hover { background: #000; }

/* Block 1 reviews (already styled for behandelingen) — also apply to merk pages */
body.parent-pageid-487 section.intro.text.block1 { background: #d9a89a; padding: 60px 0; }
body.parent-pageid-487 section.intro.text.block1 > .container > h1:first-of-type,
body.parent-pageid-487 section.intro.text.block1 > .container > h2:first-of-type {
  text-align: center;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 18px;
  letter-spacing: var(--ls-subheading);
  text-transform: uppercase;
  color: #fff;
  margin: 0 auto 40px;
  position: relative;
  padding-bottom: 14px;
}
body.parent-pageid-487 section.intro.text.block1 > .container > h1:first-of-type::after,
body.parent-pageid-487 section.intro.text.block1 > .container > h2:first-of-type::after { content: ''; display: block; width: 60px; height: 1px; background: rgba(255,255,255,0.6); margin: 14px auto 0; }
body.parent-pageid-487 section.intro.text.block1 .reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 0; }
body.parent-pageid-487 section.intro.text.block1 .review-card { background: transparent; border: 0; margin: 0; padding: 18px 14px 30px; display: flex; flex-direction: column; align-items: center; text-align: center; }
body.parent-pageid-487 section.intro.text.block1 .review-card .review-name { font-family: var(--font-heading); letter-spacing: var(--ls-subheading); text-transform: uppercase; font-size: 13px; color: #fff; margin-bottom: 14px; }
body.parent-pageid-487 section.intro.text.block1 .review-card .review-text { font-family: var(--font-body); font-size: 13px; line-height: 1.7; color: rgba(255,255,255,0.92); margin: 0 0 16px 0; }
body.parent-pageid-487 section.intro.text.block1 .review-card .review-quote { font-family: Georgia, serif; font-size: 64px !important; line-height: 1; color: #fff; display: block; }
body.parent-pageid-487 section.intro.text.block1 .reviews-cta { text-align: center; margin-top: 20px; }
body.parent-pageid-487 section.intro.text.block1 .btn-cta-dark { display: inline-block; background: #1d1d1d; color: #fff !important; font-family: var(--font-heading); letter-spacing: var(--ls-subheading); text-transform: uppercase; font-size: 12px; padding: 14px 32px; text-decoration: none !important; transition: background .2s ease; }
body.parent-pageid-487 section.intro.text.block1 .btn-cta-dark:hover { background: #000; }
@media (max-width: 768px) { body.parent-pageid-487 section.intro.text.block1 .reviews-grid { grid-template-columns: 1fr; gap: 40px; } }


/* ===== Over ons (page-id-563) ===== */
body.page-id-563 .sidebar-primary, body.page-id-563 #sidebar, body.page-id-563 aside.sidebar { display: none !important; }
body.page-id-563 .breadcrumbs, body.page-id-563 .breadcrumb { display: none !important; }

/* Block 0: light Over ons */
body.page-id-563 section.intro.text.block0 .container { display: block !important; max-width: 1100px !important; margin: 0 auto !important; padding: 50px 20px !important; }
body.page-id-563 section.intro.text.block0 > .container > h1:first-of-type,
body.page-id-563 section.intro.text.block0 > .container > h2:first-of-type {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 18px;
  letter-spacing: var(--ls-subheading);
  text-transform: uppercase;
  color: var(--color-text-dark);
  padding-bottom: 16px;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #d9d9d9;
}
body.page-id-563 .aboutus-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 50px; align-items: start; }
body.page-id-563 .aboutus-text p { font-family: var(--font-body); font-size: 13px; line-height: 1.7; color: var(--color-text-main); margin: 0 0 14px 0; }
body.page-id-563 .aboutus-image img { display: block; width: 100%; height: auto; }
@media (max-width: 768px) { body.page-id-563 .aboutus-grid { grid-template-columns: 1fr; gap: 30px; } }

/* Block 1: dark Het team */
body.page-id-563 section.intro.text.block1 { background: #1d1d1d; padding: 60px 0; }
body.page-id-563 section.intro.text.block1 .container { display: block !important; max-width: 1100px !important; margin: 0 auto !important; padding: 0 20px !important; }
body.page-id-563 section.intro.text.block1 > .container > h1:first-of-type,
body.page-id-563 section.intro.text.block1 > .container > h2:first-of-type { display: none !important; }
body.page-id-563 .team-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
body.page-id-563 .team-image img { display: block; width: 100%; height: auto; }
body.page-id-563 .team-text { color: #fff; }
body.page-id-563 .team-text::before {
  content: 'HET TEAM';
  display: block;
  font-family: var(--font-heading);
  letter-spacing: var(--ls-subheading);
  text-transform: uppercase;
  font-size: 18px;
  color: #fff;
  padding-bottom: 14px;
  margin-bottom: 22px;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  width: 80px;
}
body.page-id-563 .team-text p { font-family: var(--font-body); font-size: 13px; line-height: 1.7; color: rgba(255,255,255,0.92); margin: 0 0 14px 0; }
body.page-id-563 .team-cta { margin-top: 26px; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
body.page-id-563 .btn-team { display: inline-block; background: rgba(255,255,255,0.12); color: #fff !important; font-family: var(--font-heading); letter-spacing: var(--ls-subheading); text-transform: uppercase; font-size: 12px; padding: 14px 36px; text-decoration: none !important; transition: background .2s ease; min-width: 220px; text-align: center; }
body.page-id-563 .btn-team:hover { background: rgba(255,255,255,0.22); }
@media (max-width: 768px) { body.page-id-563 .team-grid { grid-template-columns: 1fr; gap: 30px; } body.page-id-563 .team-cta { align-items: stretch; } body.page-id-563 .btn-team { width: 100%; } }


/* ===== Over ons (page-id-563) override theme !important ===== */
body.page-id-563 section.intro.text.block1 { background-color: #1d1d1d !important; color: #fff !important; padding: 60px 0 !important; }
body.page-id-563 section.intro.text.block1 .container { background: transparent !important; }
body.page-id-563 section.intro.text.block1 > .container > h1:first-of-type,
body.page-id-563 section.intro.text.block1 > .container > h2:first-of-type { display: none !important; }


/* Over ons block 1 text/button white override */
body.page-id-563 section.intro.text.block1 .team-text,
body.page-id-563 section.intro.text.block1 .team-text p { color: rgba(255,255,255,0.92) !important; }
body.page-id-563 section.intro.text.block1 .btn-team { color: #fff !important; background: rgba(255,255,255,0.12) !important; }
body.page-id-563 section.intro.text.block1 .btn-team:hover { background: rgba(255,255,255,0.22) !important; }


/* === Blog overview styling (redesign) === */
body.blog section.archive h1 {
  text-transform: uppercase;
  letter-spacing: var(--ls-heading);
  font-weight: 700;
  font-family: var(--font-heading);
  margin: 0 0 2.5rem;
  padding-bottom: 0.75rem;
  position: relative;
  display: inline-block;
}
body.blog section.archive h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 1px;
  background: var(--color-text-dark);
}

body.blog article.post {
  padding-bottom: 2.5rem;
  margin-bottom: 2.5rem;
}
body.blog article.post + article.post {
  border-top: 1px solid rgba(0,0,0,0.08);
  padding-top: 2.5rem;
}

body.blog article.post .entry-title,
body.blog article.post h2.entry-title,
body.blog article.post .h3.entry-title {
  text-transform: uppercase;
  letter-spacing: var(--ls-heading);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0 0 1rem;
}
body.blog article.post .entry-title a {
  color: var(--color-text-dark) !important;
  text-decoration: none;
}
body.blog article.post .entry-title a:hover {
  color: var(--color-brand) !important;
}

body.blog article.post time.updated {
  display: block;
  font-family: var(--font-body);
  color: var(--color-text-muted);
  margin-bottom: 1rem;
}

body.blog article.post .entry-summary {
  font-family: var(--font-body);
  color: var(--color-text-main);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}


/* === Behandelruimte te huur (page-id-1927) === */
body.page-id-1927 section.page .page-header h1 {
  font-family: var(--font-heading);
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--ls-heading);
  color: var(--color-text-dark);
  padding-bottom: 0.75rem;
  margin: 0 0 2rem;
  position: relative;
  display: inline-block;
  line-height: 1.4;
}
body.page-id-1927 section.page .page-header h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 1px;
  background: var(--color-text-dark);
}
body.page-id-1927 .content h2,
body.page-id-1927 .content h4 {
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: var(--ls-heading);
  color: var(--color-text-dark);
  font-weight: 700;
  margin: 2rem 0 1rem;
}
body.page-id-1927 .content p,
body.page-id-1927 .content li {
  font-family: var(--font-body);
  color: var(--color-text-main);
  line-height: 1.7;
}
body.page-id-1927 .content blockquote {
  border: none;
  font-style: normal;
  font-family: var(--font-body);
  color: var(--color-text-main);
  margin: 0 0 1.5rem;
  padding: 0;
}
body.page-id-1927 .content ul {
  padding-left: 1.25rem;
  margin: 0 0 1.5rem;
}
body.page-id-1927 .content ul li {
  margin-bottom: 0.35rem;
}
/* Gallery: render as 3-column grid with full-bleed images */
body.page-id-1927 .gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 2rem 0 2.5rem;
}
body.page-id-1927 .gallery .gallery-item {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}
body.page-id-1927 .gallery .gallery-icon {
  margin: 0 !important;
}
body.page-id-1927 .gallery .gallery-icon img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  aspect-ratio: 4 / 3;
  border: none !important;
  display: block;
}
@media (max-width: 700px) {
  body.page-id-1927 .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* Contact form heading + button */
body.page-id-1927 .ninja-forms-form-wrap,
body.page-id-1927 form.ninja-forms-form {
  font-family: var(--font-body);
}

body.page-id-1927 section.page .content h3 {
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  font-size: 1.6rem !important;
  text-transform: none;
  letter-spacing: normal;
  color: var(--color-text-main);
  line-height: 1.7;
  margin: 0 0 1.5rem;
}

/* === Behandelruimte: constrain content width on fullwidth template === */
body.page-id-1927.page-template-template-fullwidth section.page .content {
  display: block;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
/* Allow galleries to extend wider for visual breathing room */
body.page-id-1927.page-template-template-fullwidth section.page .content .gallery {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}


/* === Afspraak en contact (page-id-20) === */
body.page-id-20 .page-header h1 {
  font-family: var(--font-heading);
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--ls-heading);
  color: var(--color-text-dark);
  padding-bottom: 0.75rem;
  margin: 0 0 2rem;
  position: relative;
  display: inline-block;
  line-height: 1.4;
}
body.page-id-20 .page-header h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 1px;
  background: var(--color-text-dark);
}

/* === Ninja Forms button styling (global) === */
.nf-form-content .submit-wrap input[type=button],
.nf-form-content input.ninja-forms-field[type=button],
.nf-form-cont .submit-wrap input[type=button] {
  background: var(--color-button) !important;
  color: #fff !important;
  font-family: var(--font-heading) !important;
  text-transform: uppercase !important;
  letter-spacing: var(--ls-heading) !important;
  font-weight: 600 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 1rem 2rem !important;
  transition: background 0.2s ease !important;
}
.nf-form-content .submit-wrap input[type=button]:hover,
.nf-form-content input.ninja-forms-field[type=button]:hover {
  background: var(--color-button-indication) !important;
}


/* ============================================================
   REDESIGN FIX: header shadow overlay + menu typografie
   Toegevoegd t.b.v. redesign 2026. Reden:
   - Shadow overlay stopte onder de topbar; trekken we door tot top viewport.
   - Hoofdmenu was 13px; bumpen we naar 15px voor leesbaarheid.
   ============================================================ */

/* Shadow overlay door tot bovenaan de viewport (was vanaf ~37px) */
header > div.wrapper.shadow::before {
  top: -80px !important;
}

/* Hoofdmenu: groter en iets ruimere padding - ID-niveau specificity nodig om centrale 13px-regel (#primary_navigation a) te verslaan */
html body header nav.navbar.navbar-default ul#primary_navigation.navbar-nav > li > a {
  font-size: 15px !important;
  padding: 10px 14px !important;
  letter-spacing: 0.18em !important;
}
@media (max-width: 991px) {
  html body header nav.navbar.navbar-default ul#primary_navigation.navbar-nav > li > a {
    font-size: 14px !important;
    padding: 18px 10px !important;
  }
}
/* einde redesign fix */


/* === REDESIGN FIX: header ademruimte + logo grootte === */
/* Row krijgt verticale padding zodat header niet inelkaar perst.
   Hogere specificity nodig dan: header .header.full-width > .container > .row.no-gutter {padding:4px 0 !important} */
html body header div.header.full-width > div.container > div.row.no-gutter,
html body header .header.full-width > .container > .row.no-gutter {
  padding: 14px 0 !important;
}

/* Logo vergroten van ~22px naar 32px hoog */
html body header .holder img.logo {
  height: 32px !important;
  width: auto !important;
  padding: 0 !important;
  max-width: none !important;
}

/* Logo-kolom verticaal centreren */
html body header .header.full-width .col-sm-10 {
  display: flex !important;
  align-items: center !important;
}
html body header .holder,
html body header .holder > .wrapper {
  height: auto !important;
}
/* einde header ademruimte fix */


/* === REDESIGN FIX: logo alignment + submenu styling === */

/* Logo perfect verticaal centreren tov het menu (44px hoog) */
html body header .header.full-width .col-sm-10,
html body header .header.full-width .col-sm-10 .holder {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
}

/* Submenus: één kolom, schone moderne dropdown */
html body header nav.navbar-default ul.navbar-nav ul.dropdown-menu {
  column-count: 1 !important;
  columns: 1 !important;
  width: auto !important;
  min-width: 240px !important;
  max-width: 360px !important;
  padding: 8px 0 !important;
 /* border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.08) !important;*/
  background: #fff !important;
}

html body header nav.navbar-default ul.navbar-nav ul.dropdown-menu > li {
  display: block !important;
  width: 100% !important;
  float: none !important;
}

html body header nav.navbar-default ul.navbar-nav ul.dropdown-menu > li > a {
  display: block !important;
  width: 100% !important;
  padding: 10px 18px !important;
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  color: var(--color-text-main, #3F3F3F) !important;
}

html body header nav.navbar-default ul.navbar-nav ul.dropdown-menu > li > a:hover,
html body header nav.navbar-default ul.navbar-nav ul.dropdown-menu > li > a:focus {
  background: var(--color-bg, #EFEDE1) !important;
  color: var(--color-brand-dark, #242323) !important;
}
/* einde submenu fix */


/* === REDESIGN FIX: chevron caret bij dropdown menu-items === */
/* Font Awesome 5 Solid vereist font-weight 900 om te renderen,
   maar de caret erft font-weight 500/600 van de menu-link.
   Daarom kwam het icon \f0d7 (caret-down) niet door. */
html body header div.navbar-collapse ul li > a span.caret,
html body header div.navbar-collapse ul li > a span.caret::before {
  font-weight: 900 !important;
}

/* Wat lucht tussen de tekst en de caret + iets kleinere caret */
html body header div.navbar-collapse ul li > a span.caret {
  margin-left: 6px !important;
  font-size: 10px !important;
  opacity: 0.8;
  vertical-align: middle;
}
/* einde chevron fix */


/* === REDESIGN FIX: archive/recensies/blog template alignment === */
/* Verberg pre-redesign breadcrumb op archive-pagina's */
body.blog .breadcrumbs,
body.archive .breadcrumbs,
body.single-post .breadcrumbs,
body.page-template-default .breadcrumbs:has(#breadcrumbs),
main section.archive .breadcrumbs,
main section.reviews .breadcrumbs {
  display: none !important;
}

/* Page-header h1 uppercase tracked (recensies, blog, archive) */
body.blog main .page-header h1,
body.archive main .page-header h1,
body.single main .page-header h1,
main section.archive .page-header h1,
main section.reviews .page-header h1 {
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  margin-bottom: 24px !important;
}
body.blog main .page-header p,
body.archive main .page-header p,
main section.archive .page-header p,
main section.reviews .page-header p {
  font-family: 'Helvetica', Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  color: var(--color-text-main, #3F3F3F) !important;
}

/* Sidebar widget koppen uniform aan redesign */
main aside h3,
main aside h4,
main aside .widget-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  color: var(--color-brand-dark, #242323) !important;
  margin-bottom: 14px !important;
  margin-top: 28px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}
main aside h3:first-child,
main aside h4:first-child,
main aside .widget-title:first-child,
main aside > *:first-child h3,
main aside > *:first-child h4 {
  margin-top: 0 !important;
}

/* Sidebar lijsten netter, body-font */
main aside ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 0 20px 0 !important;
}
main aside ul li {
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  margin: 0 !important;
}
main aside ul li:last-child {
  border-bottom: none !important;
}
main aside ul li a {
  display: block !important;
  padding: 10px 0 !important;
  font-family: 'Helvetica', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  text-transform: none !important;
  color: var(--color-text-main, #3F3F3F) !important;
  transition: color 0.2s ease !important;
}
main aside ul li a:hover,
main aside ul li a:focus {
  color: var(--color-brand, #E0BAAF) !important;
}
main aside ul li a i.fa-chevron-right,
main aside ul li a i.fas.fa-chevron-right {
  font-size: 9px !important;
  margin-right: 8px !important;
  color: var(--color-brand, #E0BAAF) !important;
  vertical-align: middle !important;
}

/* Sidebar 'Afspraak maken' beschrijving */
main aside p {
  font-family: 'Helvetica', Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  color: var(--color-text-main, #3F3F3F) !important;
  margin-bottom: 14px !important;
}

/* Sidebar buttons - matchen aan redesign CTA stijl (dark fill, geen radius, uppercase tracked) */
main aside a.btn,
main aside a.btn-primary,
main aside .btn,
main aside .btn-primary {
  display: inline-block !important;
  background: var(--color-brand-dark, #242323) !important;
  color: #fff !important;
  border: 1px solid var(--color-brand-dark, #242323) !important;
  border-radius: 0 !important;
  padding: 12px 28px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease !important;
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}
main aside a.btn:hover,
main aside a.btn-primary:hover,
main aside .btn:hover,
main aside .btn-primary:hover {
  background: var(--color-brand, #E0BAAF) !important;
  color: var(--color-brand-dark, #242323) !important;
  border-color: var(--color-brand, #E0BAAF) !important;
}

/* 'Schrijf recensie' / andere page-header CTA's idem */
body.blog main .page-header a.btn,
body.archive main .page-header a.btn,
main section.archive .page-header a.btn,
main section.reviews .page-header a.btn {
  display: inline-block !important;
  background: var(--color-brand-dark, #242323) !important;
  color: #fff !important;
  border: 1px solid var(--color-brand-dark, #242323) !important;
  border-radius: 0 !important;
  padding: 14px 36px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  line-height: 1 !important;
}

/* H2 op archive 'Treatwell reviews' e.d. uniform */
main section.archive h2,
main section.reviews h2,
body.archive main h2 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--color-brand-dark, #242323) !important;
  margin: 32px 0 18px !important;
}


/* === REDESIGN FIX: tekst wit op roze (brand) achtergrond === */
/* Alle direct gestylde secties met inline brand-bg-color via CSS: home block1, block3, eventuele andere blokken. We targeten sections met de roze background-color via een attribute-trick: omdat de inline kleur via theme stylesheet wordt gezet (achtergrond #E0BAAF), pakken we de bekende block-classes plus een generieke .pink-bg helper. */
section.intro.text.block1,
section.intro.text.block3,
section.intro.text[class*=block].pink-bg,
.has-brand-bg,
.pink-bg {
  background: var(--color-brand, #E0BAAF) !important;
}
section.intro.text.block1 h1,
section.intro.text.block1 h2,
section.intro.text.block1 h3,
section.intro.text.block1 h4,
section.intro.text.block1 h5,
section.intro.text.block1 h6,
section.intro.text.block1 p,
section.intro.text.block1 li,
section.intro.text.block1 span:not(.caret),
section.intro.text.block1 strong,
section.intro.text.block1 em,
section.intro.text.block1 a:not(.btn):not(.btn-primary):not(.btn-flying) {
  color: #ffffff !important;
}
/* Onderlijntjes onder stappen op block1 ook lichter */
section.intro.text.block1 ul li,
section.intro.text.block1 ol li {
  border-color: rgba(255,255,255,0.35) !important;
}
/* Knoppen op roze achtergrond: outline-light variant zodat ze leesbaar zijn */
section.intro.text.block1 .btn,
section.intro.text.block1 .btn-primary,
section.intro.text.block1 a.btn,
section.intro.text.block1 a.btn-primary {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
}
section.intro.text.block1 .btn:hover,
section.intro.text.block1 .btn-primary:hover,
section.intro.text.block1 a.btn:hover,
section.intro.text.block1 a.btn-primary:hover {
  background: #ffffff !important;
  color: var(--color-brand-dark, #242323) !important;
  border-color: #ffffff !important;
}


/* === REDESIGN FIX: topbar + alle roze intro-blokken tekst wit === */
/* Topbar bovenaan */
.topbar {
  background: var(--color-brand, #E0BAAF) !important;
}
.topbar p.topbar-items,
.topbar .topbar-item,
.topbar a {
  color: #ffffff !important;
}

/* Alle intro.text blokken (block1, block2, block3, etc.) met roze achtergrond: tekst wit */
section.intro.text[class*=block] {
  /* alleen wit toepassen ALS de achtergrond brand-roze is. We doen het via een attr-style trick: deze sections krijgen de roze bg-color generiek via theme, dus we mogen alle children wit kleuren mits ze niet in een sub-area met andere bg liggen. */
}
section.intro.text.block1 h1, section.intro.text.block1 h2, section.intro.text.block1 h3, section.intro.text.block1 h4, section.intro.text.block1 h5, section.intro.text.block1 h6, section.intro.text.block1 p, section.intro.text.block1 li, section.intro.text.block1 strong, section.intro.text.block1 em, section.intro.text.block1 a:not(.btn):not(.btn-primary):not(.btn-flying),
section.intro.text.block2 h1, section.intro.text.block2 li, section.intro.text.block2 strong, section.intro.text.block2 em, section.intro.text.block2 a:not(.btn):not(.btn-primary):not(.btn-flying),
section.intro.text.block3 h1, section.intro.text.block3 h2, section.intro.text.block3 h3, section.intro.text.block3 h4, section.intro.text.block3 h5, section.intro.text.block3 h6, section.intro.text.block3 p, section.intro.text.block3 li, section.intro.text.block3 strong, section.intro.text.block3 em, section.intro.text.block3 a:not(.btn):not(.btn-primary):not(.btn-flying),
section.intro.text.block4 h1, section.intro.text.block4 h2, section.intro.text.block4 h3, section.intro.text.block4 h4, section.intro.text.block4 h5, section.intro.text.block4 h6, section.intro.text.block4 p, section.intro.text.block4 li, section.intro.text.block4 strong, section.intro.text.block4 em, section.intro.text.block4 a:not(.btn):not(.btn-primary):not(.btn-flying),
section.intro.text.block5 h1, section.intro.text.block5 h2, section.intro.text.block5 h3, section.intro.text.block5 h4, section.intro.text.block5 h5, section.intro.text.block5 h6, section.intro.text.block5 p, section.intro.text.block5 li, section.intro.text.block5 strong, section.intro.text.block5 em, section.intro.text.block5 a:not(.btn):not(.btn-primary):not(.btn-flying) {
  color: #ffffff !important;
}
/* Borders / scheidingslijntjes binnen deze blokken */
section.intro.text.block1 ul li, section.intro.text.block1 ol li,
section.intro.text.block2 ul li, section.intro.text.block2 ol li,
section.intro.text.block3 ul li, section.intro.text.block3 ol li,
section.intro.text.block4 ul li, section.intro.text.block4 ol li,
section.intro.text.block5 ul li, section.intro.text.block5 ol li {
  border-color: rgba(255,255,255,0.35) !important;
}
/* Knoppen binnen deze blokken: outline-light variant */
section.intro.text.block1 .btn, section.intro.text.block1 .btn-primary, section.intro.text.block1 a.btn, section.intro.text.block1 a.btn-primary,
section.intro.text.block2 .btn, section.intro.text.block2 .btn-primary, section.intro.text.block2 a.btn, section.intro.text.block2 a.btn-primary,
section.intro.text.block3 .btn, section.intro.text.block3 .btn-primary, section.intro.text.block3 a.btn, section.intro.text.block3 a.btn-primary,
section.intro.text.block4 .btn, section.intro.text.block4 .btn-primary, section.intro.text.block4 a.btn, section.intro.text.block4 a.btn-primary,
section.intro.text.block5 .btn, section.intro.text.block5 .btn-primary, section.intro.text.block5 a.btn, section.intro.text.block5 a.btn-primary {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
}
section.intro.text.block1 .btn:hover, section.intro.text.block1 .btn-primary:hover,
section.intro.text.block2 .btn:hover, section.intro.text.block2 .btn-primary:hover,
section.intro.text.block3 .btn:hover, section.intro.text.block3 .btn-primary:hover,
section.intro.text.block4 .btn:hover, section.intro.text.block4 .btn-primary:hover,
section.intro.text.block5 .btn:hover, section.intro.text.block5 .btn-primary:hover {
  background: #ffffff !important;
  color: var(--color-brand-dark, #242323) !important;
  border-color: #ffffff !important;
}


/* === REDESIGN FIX 2026-05-11: home block0 tegels smaller, indicaties leesbaar, alle behandelingen knop, huidadvies, footer === */

/* --- 1) Home block0 (Behandelingen / Over ons / Afspraak maken): smallere tegels rond het woord --- */
html body.home section.featured.block0 .container { max-width: 1100px; }
html body.home section.featured.block0 .item.item-card {
  max-width: 320px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 28px 24px !important;
}
html body.home section.featured.block0 .col-sm-16 {
  display: flex;
  justify-content: center;
}
html body.home section.featured.block0 .item.item-card h2,
html body.home section.featured.block0 .item.item-card h3 {
  margin: 0;
  font-size: 18px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* --- 2) Home block2 "Indicaties" staat op CREME bg (#EFEDE1), niet roze: tekst weer donker --- */
/*html body.home section.intro.text.block2,
html body.home section.intro.text.block2 h1,
html body.home section.intro.text.block2 h2,
html body.home section.intro.text.block2 h3,
html body.home section.intro.text.block2 h4,
html body.home section.intro.text.block2 h5,
html body.home section.intro.text.block2 h6,
html body.home section.intro.text.block2 p,
html body.home section.intro.text.block2 li,
html body.home section.intro.text.block2 strong,
html body.home section.intro.text.block2 em,
html body.home section.intro.text.block2 a:not(.btn):not(.btn-primary) {
  color: var(--color-text-main, #242323) !important;
}*/
html body.home section.intro.text.block2 ul li,
html body.home section.intro.text.block2 ol li {
  border-color: rgba(36,35,35,0.12) !important;
}

/* --- 3) Home block5 "Alle behandelingen" CTA: bg is wit, dus knop weer donker (overschrijft wit-op-roze) --- */
html body.home section.intro.text.block5 .btn,
html body.home section.intro.text.block5 .btn-primary,
html body.home section.intro.text.block5 a.btn,
html body.home section.intro.text.block5 a.btn-primary {
  background: var(--color-brand-dark, #242323) !important;
  color: #ffffff !important;
  border: 1px solid var(--color-brand-dark, #242323) !important;
}
html body.home section.intro.text.block5 .btn:hover,
html body.home section.intro.text.block5 .btn-primary:hover,
html body.home section.intro.text.block5 a.btn:hover,
html body.home section.intro.text.block5 a.btn-primary:hover {
  background: var(--color-brand, #E0BAAF) !important;
  color: var(--color-brand-dark, #242323) !important;
  border-color: var(--color-brand, #E0BAAF) !important;
}

/* --- 4) Indicatie-detail block1 (achtergrond is wit, niet roze): "indication-label" terug naar donker --- */
html body.single-indicatie section.intro.text.block1,
html body.single-indicatie section.intro.text.block1 h1,
html body.single-indicatie section.intro.text.block1 h2,
html body.single-indicatie section.intro.text.block1 h3,
html body.single-indicatie section.intro.text.block1 h4,
html body.single-indicatie section.intro.text.block1 p,
html body.single-indicatie section.intro.text.block1 li,
html body.single-indicatie section.intro.text.block1 strong,
html body.single-indicatie section.intro.text.block1 em,
html body.single-indicatie section.intro.text.block1 .indication-card,
html body.single-indicatie section.intro.text.block1 .indication-label,
html body.single-indicatie section.intro.text.block1 a:not(.btn):not(.btn-primary) {
  color: var(--color-text-main, #242323) !important;
}
html body.single-indicatie section.intro.text.block1 .indication-card .indication-label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 600;
}

/* --- 5) Huidadvies: H1 in redesign-stijl + formulier-blok padding + zachte achtergrond --- */
html body.page section.page h1,
html body.page-template-default.page section.page h1 {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 28px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif !important;
  margin-bottom: 28px;
}
html body .huid-blok {
  padding: 48px 40px !important;
  background: var(--color-bg, #FAF8F4) !important;
  border-radius: 0;
}
html body .huid-blok .nf-form-cont {
  padding: 0 !important;
  max-width: 720px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  html body .huid-blok { padding: 32px 20px !important; }
}

/* --- 6) Footer: font-size omhoog naar leesbaar niveau (matcht overige body) --- */
html body footer p,
html body footer li,
html body footer td,
html body footer a,
html body footer address {
  font-size: 15px !important;
  line-height: 1.55 !important;
}
html body footer .opening_hours td { font-size: 15px !important; }
html body footer h4,
html body footer h5,
html body footer .widget-title {
  font-size: 14px !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}


/* === REDESIGN FIX 2026-05-11 b: indicatie-detail = page-child van pageid-501, fallback global indication-label === */
html body section.intro.text.block1 .indication-card .indication-label,
html body .indication-card .indication-label {
  color: var(--color-text-main, #242323) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 600;
}
html body section.intro.text.block1 .indication-card,
html body .indication-card {
  color: var(--color-text-main, #242323) !important;
  text-decoration: none;
}
html body.page-child.parent-pageid-501 section.intro.text.block1,
html body.page-child.parent-pageid-501 section.intro.text.block1 h1,
html body.page-child.parent-pageid-501 section.intro.text.block1 h2,
html body.page-child.parent-pageid-501 section.intro.text.block1 h3,
html body.page-child.parent-pageid-501 section.intro.text.block1 h4,
html body.page-child.parent-pageid-501 section.intro.text.block1 p,
html body.page-child.parent-pageid-501 section.intro.text.block1 li,
html body.page-child.parent-pageid-501 section.intro.text.block1 strong,
html body.page-child.parent-pageid-501 section.intro.text.block1 em,
html body.page-child.parent-pageid-501 section.intro.text.block1 a:not(.btn):not(.btn-primary) {
  color: var(--color-text-main, #242323) !important;
}

/* save-trigger 1778509785798 */

/* === REDESIGN FIX 2026-05-11 c retry: indication labels === */
html body section.intro.text.block1 .indication-card .indication-label,
html body section.intro.text.block1 a.indication-card span.indication-label,
html body .indication-card span.indication-label {
  color: #242323 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}
html body a.indication-card,
html body section.intro.text.block1 a.indication-card {
  color: #242323 !important;
  text-decoration: none !important;
}
/* save timestamp 1778509946314 */


/* === REDESIGN FIX 2026-05-11 d: footer-tekst grootte (specificity bump) + social icons quick-fix === */
html body footer .column p,
html body footer .column a,
html body footer .column td,
html body footer .column li,
html body footer .column strong,
html body footer .column address {
  font-size: 15px !important;
  line-height: 1.55 !important;
}
html body footer .column h4,
html body footer .column h5,
html body footer .column .widget-title {
  font-size: 14px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}
/* social-media: toon de mobile versie (heeft echte FB/IG links) ook op desktop als fallback,
   de lege desktop variant verbergen */
html body footer .social-media.visible-xs,
html body footer .social-media.visisble-sm {
  display: block !important;
}
html body footer .social-media:not(.visible-xs):not(.visisble-sm):has(li:empty) {
  display: none !important;
}
html body footer .social-media a {
  display: inline-block;
  margin-right: 12px;
  color: #ffffff;
  font-size: 18px;
}
html body footer .social-media a:hover { opacity: 0.7; }
/* save 1778510095035 */

/* second save trigger 1778510164377 */

/* padding bytes: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* === REDESIGN FIX 2026-05-11 e: block0 home tegels = WIDE image cards (override smaller-tile fix uit 'a') === */
/* Revert eerder van 'a': max-width container terug naar standaard, en revert max-width 320px op tegels */
html body.home section.featured.block0 .container {
  max-width: 1370px !important;
}
html body.home section.featured.block0 .col-sm-16 {
  display: block !important;
  justify-content: initial !important;
}
html body.home section.featured.block0 .item.item-card {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  display: block !important;
}
html body.home section.featured.block0 .item.item-card img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  aspect-ratio: 4 / 3;
}
/* Label-band onderin: zwarte balk met witte uppercase tracked text */
html body.home section.featured.block0 .item.item-card h2,
html body.home section.featured.block0 .item.item-card h3,
html body.home section.featured.block0 .item.item-card .title,
html body.home section.featured.block0 .item.item-card .label {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  padding: 14px 18px !important;
  background: rgba(36,35,35,0.85) !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  line-height: 1.2 !important;
}
html body.home section.featured.block0 .item.item-card a {
  color: #ffffff !important;
  text-decoration: none !important;
}
/* Hover: lichte zoom op image */
html body.home section.featured.block0 .item.item-card { transition: transform 0.4s ease; }
html body.home section.featured.block0 .item.item-card:hover { transform: translateY(-2px); }
html body.home section.featured.block0 .item.item-card img { transition: transform 0.5s ease; }
html body.home section.featured.block0 .item.item-card:hover img { transform: scale(1.04); }
/* timestamp 1778510625181 */


.cw * {
color: #fff !important;
}

/* Behandelingen submenu in 2 kolommen (desktop) */
@media (min-width: 768px) {
  html body header nav.navbar-default ul.navbar-nav .menu-item-722 > ul.dropdown-menu {
    columns: 2 !important;
    column-count: 2 !important;
    column-gap: 20px !important;
    min-width: 480px !important;
    max-width: 560px !important;
    width: auto !important;
  }
  html body header nav.navbar-default ul.navbar-nav .menu-item-722 > ul.dropdown-menu > li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
  }
}