.elementor-kit-7{--e-global-color-primary:#FF8000;--e-global-color-secondary:#F8F8F8;--e-global-color-text:#3C3C3C;--e-global-color-accent:#3891A6;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{color:var( --e-global-color-text );font-family:"Open Sans", Sans-serif;font-size:24px;font-weight:700;letter-spacing:2.5px;}.elementor-kit-7 h2{color:var( --e-global-color-text );font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:600;}.elementor-kit-7 h3{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1120px;}.e-con{--container-max-width:1120px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Overzicht is altijd zichtbaar */
.behandeling-overzicht {
  display: block !important;
}

/* Detail: standaard onzichtbaar */
.behandeling-knie,
.behandeling-schouder,
.behandeling-elleboog,
.behandeling-duim,
.behandeling-heup,
.behandeling-enkel,
.behandeling-teen {
  display: none !important;
}

/* Detail zichtbaar – zorg dat dit werkt voor beide Elementor varianten */
.behandeling-knie.is-visible,
.behandeling-schouder.is-visible,
.behandeling-elleboog.is-visible,
.behandeling-duim.is-visible,
.behandeling-heup.is-visible,
.behandeling-enkel.is-visible,
.behandeling-teen.is-visible {
  display: block !important;
}

.e-con.behandeling-knie.is-visible,
.e-con.behandeling-schouder.is-visible,
.e-con.behandeling-elleboog.is-visible,
.e-con.behandeling-duim.is-visible,
.e-con.behandeling-heup.is-visible,
.e-con.behandeling-enkel.is-visible,
.e-con.behandeling-teen.is-visible {
  display: flex !important;
}

/* Optioneel: klein fade-in effect */
.behandeling-knie.is-visible,
.behandeling-schouder.is-visible,
.behandeling-elleboog.is-visible,
.behandeling-duim.is-visible,
.behandeling-heup.is-visible,
.behandeling-enkel.is-visible,
.behandeling-teen.is-visible {
  animation: fadeIn .25s ease-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}







/* Klikbare icoontjes */
.icon-item {
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
  border-radius: 16px;
}
.icon-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
}
.icon-item.is-active {
  outline: 2px solid #ff7a00;   /* oranje randje */
  outline-offset: 6px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(0,0,0,.10);
}

/* Info-boxen: standaard onzichtbaar (collapsing, dus geen “verspringen”) */
.info-box {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
  border-radius: 18px;
  background: #fff;              /* kaartje look */
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  transition: max-height .35s ease, opacity .25s ease, margin-top .25s ease;
  padding: 24px;                  /* wordt pas zichtbaar als open */
}

/* Zichtbaar wanneer actief */
.info-box.is-open {
  max-height: 1200px;            /* groot genoeg voor je langste tekst */
  opacity: 1;
  margin-top: 24px;
}

/* Fallback voor soepele anker-scroll als JS ontbreekt */
html { scroll-behavior: smooth; }/* Mobiele aanpassing: info-box iets groter maken */
@media (max-width: 768px) {
  .info-box.is-open {
    /* minimaal 60% van de hoogte van het scherm */
    min-height: 70vh;

    /* iets hogere max-height voor langere teksten */
    max-height: 2000px;

    /* optioneel: iets minder marge */
    margin-top: 16px;
  }

  /* optioneel: iets minder padding op mobiel */
  .info-box {
    padding: 20px;
  }
  /* === STACK LAYOUT voor overlappende info-boxen === */
.info-box-stack {
  display: grid;          /* alle boxen in één "stapel" */
  position: relative;
}

/* elke info-box op dezelfde plek */
.info-box-stack > .info-box {
  grid-area: 1 / 1;
  width: 100%;
}

/* standaard verborgen */
.info-box {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .25s ease;
}

/* enkel de actieve zichtbaar */
.info-box.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* optioneel: scroll-offset voor sticky header */
.info-box { scroll-margin-top: 80px; }

@media (max-width: 768px) {
  .info-box { scroll-margin-top: 140px; }
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://jointcareclinics.com/wp-content/uploads/2025/09/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://jointcareclinics.com/wp-content/uploads/2025/09/OpenSans-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://jointcareclinics.com/wp-content/uploads/2025/09/OpenSans-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://jointcareclinics.com/wp-content/uploads/2025/09/OpenSans-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */