/* ------ Specific Breakpoints ------ */

@media screen and (max-width: 1200px) {
  .header_video-cta {
    bottom: var(--_properties---gap-size--medium);
  }
}


.navbar14_link:has(.btn-link.w--current)::after {
  content: "";
  position: absolute;
  left: var(--underline-inset, 12px);
  right: var(--underline-inset, 12px);
  bottom: -4px;
  height: 8px;
  border-radius: 999px;
  background: var(--_primitive-tokens---base-color-brand--amethyst);
  /* optioneel: animatie bij routewissel */
  transition: left .25s ease, right .25s ease, width .25s ease;
}
@media screen and (max-width: 991px) {
.navbar14_link:has(.btn-link.w--current)::after {
  bottom: .375rem;
  height: .125rem;
}

}



/* ------ Button ------*/
.btn .btn__text {
  transition: color 0.7s cubic-bezier(0.625, 0.05, 0, 1);
}

.btn .btn__circle {
  transition: transform 0.7s cubic-bezier(0.625, 0.05, 0, 1), background-color 0.4s cubic-bezier(0.625, 0.05, 0, 1);
  transform: translate(-50%, -50%) scale(0) rotate(0.001deg);
}

.btn:hover .btn__circle {
  transform: translate(-50%, -50%) scale(1) rotate(0.001deg);
}

[data-button-anim-target]{
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}



/* ------ Link button ------ */
/* Global attribute to easily control easing and timing of all targetted elements */
.header_video-cta[data-keep-white] .btn-link.w--current {
  color: var(--text-color--text-secondary) !important;
}


[data-button-anim-target]{
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}

/* Duplicates text */
.btn-link-content__text{
  --text-duplicate-distance: 1.5em;
  text-shadow: 0px var(--text-duplicate-distance) currentColor;
}


/* Down */
.btn-link[data-btn-link-direction="down"] .btn-link-content__text{
  text-shadow: 0px calc(-1 * var(--text-duplicate-distance)) currentColor;
}
.btn-link[data-btn-link-direction="down"] .btn-link-icon__list { flex-flow: column;}

/* Left*/
.btn-link[data-btn-link-direction="left"] .btn-link-icon__list { flex-flow: row-reverse;}
.btn-link[data-btn-link-direction="left"] .btn-link-icon__wrap { align-items: flex-start;}
.btn-link[data-btn-link-direction="left"] .btn-link-icon__chevron { transform: rotate(90deg);}

/* Right*/
.btn-link[data-btn-link-direction="right"] .btn-link-icon__list { flex-flow: row;}
.btn-link[data-btn-link-direction="right"] .btn-link-icon__wrap { align-items: flex-end;}
.btn-link[data-btn-link-direction="right"] .btn-link-icon__chevron { transform: rotate(-90deg);}

/* Only apply hover animations if they are actually not supported */
@media (hover:hover) and (pointer:fine){

  .btn-link:hover .btn-link-content__text{ transform: translate(0px, calc(-1 * var(--text-duplicate-distance))); }
	.btn-link:hover .btn-link-icon__chevron{ transform: translate(0px, -200%); }
  .btn-link:hover .btn-link-icon__chevron.mirrored-y{ transform: translate(0px, -200%) scale(1,-1) }


	/* Down */
  .btn-link[data-btn-link-direction="down"]:hover .btn-link-icon__chevron { transform: translate(0px, 200%);}
  .btn-link[data-btn-link-direction="down"]:hover .btn-link-icon__chevron.mirrored-y{ transform: translate(0px, 200%) scale(1,-1); }
  .btn-link[data-btn-link-direction="down"]:hover .btn-link-content__text{ transform: translate(0px, calc(1 * var(--text-duplicate-distance))); }
  
  	/* Left */
  .btn-link[data-btn-link-direction="left"]:hover .btn-link-icon__chevron { transform: translate(-200%, 0px);}
  .btn-link[data-btn-link-direction="left"]:hover .btn-link-icon__chevron.mirrored-y{ transform: translate(-200%, 0px) rotate(-90deg); }
  
    	/* Left */
  .btn-link[data-btn-link-direction="right"]:hover .btn-link-icon__chevron { transform: translate(200%, 0px) rotate(-90deg);}
  .btn-link[data-btn-link-direction="right"]:hover .btn-link-icon__chevron.mirrored-y{ transform: translate(200%, 0px) rotate(90deg); }
  
  
  
  /* Icon background (if ever necessary) */
  .btn-link:hover .btn-link-icon__bg{ transform: rotate(90deg); }
	.btn-link:hover .btn-link-content__bg{ transform: translate(0px, 0%) rotate(0deg); }
  
}




/* ------ Nav theme checker ------ */

@media (max-width: 1040px) {
.navbar14_link {
  padding-inline: 0.74rem;
}
}

.w-nav-brand {
  color: inherit !important;
}

/* Nav Theme */
.navbar14_link, .navbar14_logo-link, .menu-icon2_line-top, menu-icon2_line-middle, menu-icon2_line-bottom {
  transition: color .3s cubic-bezier(0.625, 0.05, 0, 1);
}
.navbar14_link {
  transition: 
    color .3s cubic-bezier(0.625, 0.05, 0, 1),
    padding .6s cubic-bezier(.165, .84, .44, 1);;
}

.navbar14_inner {
  transition: background-color .3s cubic-bezier(0.625, 0.05, 0, 1),
  backdrop-filter .3s cubic-bezier(0.625, 0.05, 0, 1),
  border .3s cubic-bezier(0.625, 0.05, 0, 1);
}

[data-theme-nav="light"] .navbar14_inner .navbar14_link,
[data-theme-nav="light"] .navbar14_inner .navbar14_logo-link .logo-donna{
  color: var(--text-color--text-primary);
}
[data-theme-nav="light"] .navbar14_inner .menu-icon2_line-top,
[data-theme-nav="light"] .navbar14_inner .menu-icon2_line-middle,
[data-theme-nav="light"] .navbar14_inner .menu-icon2_line-bottom {
  background-color: var(--background-color--background-primary);
}

[data-theme-nav="dark"] .navbar14_inner .navbar14_link,
[data-theme-nav="dark"] .navbar14_inner .navbar14_logo-link .logo-donna{
  color: var(--text-color--text-secondary);
}
[data-theme-nav="dark"] .navbar14_inner .menu-icon2_line-top,
[data-theme-nav="dark"] .navbar14_inner .menu-icon2_line-middle,
[data-theme-nav="dark"] .navbar14_inner .menu-icon2_line-bottom {
  background-color: var(--background-color--background-secondary);
}

/* Nav Background */
[data-bg-nav="dark"] .navbar14_inner {
  background-color: rgba(23, 21, 27, 0.8);
  backdrop-filter: blur(10px);
  border: rgba(255, 255, 255, 0.05) 1px solid;
}


[data-bg-nav="light"] .navbar14_inner {
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
  border: rgba(23, 21, 27, 0.08) 1px solid;
}
  

@media (max-width: 991px) {

[data-theme-nav="light"] .navbar14_menu .navbar14_link {
  color: var(--text-color--text-primary);
}

[data-theme-nav="dark"] .navbar14_menu .navbar14_link {
  color: var(--text-color--text-secondary);
}


[data-bg-nav="dark"] .navbar14_menu {
  background-color: rgba(23, 21, 27, 0.8);
  backdrop-filter: blur(10px);
  border: rgba(255, 255, 255, 0.05) 1px solid;
}

[data-bg-nav="light"] .navbar14_menu {
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
  border: rgba(23, 21, 27, 0.08) 1px solid;
  }
}




/* ------ Nav style on scroll ------ */
.navbar14_component.scrolled .navbar14_link {
  padding-block: 1.25rem;
}



/* ------ FAQ ------ */
.accordion-css__item-bottom {
  transition: grid-template-rows 0.6s cubic-bezier(0.625, 0.05, 0, 1);
}

[data-accordion-status="active"] .accordion-css__item-bottom {
  grid-template-rows: 1fr;
}

/* Animate Icon */
.accordion-css__item-icon {
  transition: transform 0.6s cubic-bezier(0.625, 0.05, 0, 1);
}

[data-accordion-status="active"] .accordion-css__item-icon {
  transform: rotate(0.001deg);
}





/* ------ Bento ------ */
.bento_item[data-bento-active="true"]{
  background: var(--background-color--background-alternate-1);
  box-shadow: 0 0 0 1px var(--border-color--border-tertiary) inset;
}

.bento_image[data-bento-visible="true"]{
  opacity:1;
  pointer-events:auto; /* voor zoom/alt-click indien gewenst */
}
.bento_item{
  transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

@media (pointer: coarse) {
  .bento_item:hover {
    border: none;
  }
}


.bento_image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  pointer-events:none;
  transition: opacity .4s ease;
}



/* ------ GSAP Slider ------ */
[data-gsap-slider-init] {
  --slider-status: on; /* Turn slider on/off */
  --slider-spv: 3; /* Slides per view */ 
  --slider-gap: 1.5em; /* Slides Gap */
}

@media screen and (max-width: 991px) {
   [data-gsap-slider-init] {
    --slider-status: on; /* Turn slider on/off */
    --slider-spv: 2.25; /* Slides per view */ 
    --slider-gap: 1.5em; /* Slides Gap */
  } 
}

@media screen and (max-width: 767px) {
  [data-gsap-slider-init] { 
    --slider-status: on; /* Turn slider on/off */
    --slider-spv: 1.15; /* Slides per view */ 
    --slider-gap: 1em; /* Gap */
  }
}

[data-gsap-slider-item]:last-child {
  margin-right: 0;
}

/* Controls */
[data-gsap-slider-status="not-active"] [data-gsap-slider-controls] {
  display: none;
}

[data-gsap-slider-control-status="not-active"] { 
  opacity: 0.2;
  pointer-events: none;
}

/* Customization */

.gsap-slider__control {
  transition: opacity 0.3s ease;
}

.demo-card {
  transition: all 0.3s ease;
}

[data-gsap-slider-item-status="not-active"] .demo-card {
  background-color: #131313;
}

.demo-card__tag {
  transition: all 0.3s ease;
}

[data-gsap-slider-item-status="not-active"] .demo-card__tag {
  opacity: 0;
}




/* ------ Element Swapper ------ */
/* Carousel container */
.header_background-image-carousel {
  position: absolute;
  inset: 0;
  overflow: hidden;
  --swap-transition-ms: 800ms; /* default, kan via data attribuut overschreven worden door JS */
}

/* Slides */
.header_background-image-carousel [data-swap-target] {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity var(--swap-transition-ms) ease;
  pointer-events: none; /* het zijn pure achtergronden */
}

.header_background-image-carousel [data-swap-target].is-active {
  opacity: 1;
}

/* Respecteer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .header_background-image-carousel [data-swap-target] {
    transition: none;
  }
}





/* ------ Centered Slider ------ */

/* Orange highlight ring on bullet point nav for hover + focus states */
/* .centered-slider-bullet::after{
  content: '';
  position: absolute;
  inset: 2px;
  border-radius: 100em;
  z-index: -1;
  border: 1px solid #FF4C24;
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0, 1);
} */

@media screen and (min-width: 2100px) {
  .centered-slider-slide__inner {
    width: 48em;
  }

  .centered-slider-slide__inner p {
    font-size: 1.5rem;
  }

  .centered-slider-slide__inner span {
    font-size: 1.25rem;
  }

  .centered-slider-slide {
    padding: 1.25rem;
  }
  
}

.centered-slider-bullet:hover::after,
.centered-slider-bullet.active::after,
.centered-slider-bullet:focus::after{
  inset: -5px;
}

/* Fade non-active slides */
.centered-slider-row:has( .centered-slider-slide.active) .centered-slider-slide:not(.active){
  opacity: 0.45;
}

/* Little (orange) corners on each slide */
/* https://css-tip.com/corner-only-border-image/ */
/* .centered-slider-slide::after {
  --size: 1em; /* corner size */
  /*--width: 1px;  /* border width */
  /*--gap: 0.5em; /* gap *//*
  --color: var(--_primitive-tokens---base-color-brand--amethyst);
  border-radius: 12px;
  content: '';
  position: absolute;
  inset: calc(var(--gap) * -1);
  z-index: 1;
  opacity: 0;
  padding: calc(var(--gap) + var(--width));
  outline: var(--width) solid var(--color);
  outline-offset: calc(var(--gap)/-1);
  mask:
    conic-gradient(at var(--size) var(--size),#0000 75%,#000 0)
    0 0/calc(100% - var(--size)) calc(100% - var(--size)),
    linear-gradient(#000 0 0) content-box;
  transition: all 0.4s cubic-bezier(0.65, 0.05, 0, 1);
}

.centered-slider-slide.active::after {
  outline-offset: calc(-1*var(--width));
  opacity: 1;
} */








/* ------ Vimeo BG Player ------ */
/* Placeholder */
.vimeo-bg[data-vimeo-activated="true"][data-vimeo-loaded="true"] .vimeo-bg__placeholder {
  opacity: 0;
  transition-delay: 0.2s;
}

/* Play/Pause */
.vimeo-bg .vimeo-bg__pause {
  display: none;
}

.vimeo-bg[data-vimeo-playing="true"] .vimeo-bg__pause {
  display: flex;
}

.vimeo-bg[data-vimeo-playing="true"] .vimeo-bg__pause,
.vimeo-bg[data-vimeo-playing="false"] .vimeo-bg__play {
  opacity: 1;
}

.vimeo-bg[data-vimeo-playing="true"] .vimeo-bg__play,
.vimeo-bg[data-vimeo-playing="false"] .vimeo-bg__pause {
  opacity: 0;
}






/* ------ Vimeo Lightbox Player ------ */

.vimeo-lightbox__player {
  transition: all 0.3s cubic-bezier(0.625, 0.05, 0, 1);
  opacity: 0;
  visibility: hidden;
  transform: scale(0.9) rotate(0.001deg) translateX(0);
}

.vimeo-lightbox[data-vimeo-activated="true"] .vimeo-lightbox__player {
  opacity: 1;
  visibility: visible;
  transform: scale(1) rotate(0.001deg) translateX(0);
}

/* Dark BG */
.vimeo-lightbox__bg {
  transition: all 0.3s cubic-bezier(0.625, 0.05, 0, 1);
  opacity: 0;
  visibility: hidden;
}

.vimeo-lightbox[data-vimeo-activated="loading"] .vimeo-lightbox__bg,
.vimeo-lightbox[data-vimeo-activated="true"] .vimeo-lightbox__bg{
  opacity: 1;
  visibility: visible;
}

/* Close Button */
.vimeo-lightbox__close {
  transition: all 0.5s cubic-bezier(0.625, 0.05, 0, 1);
  opacity: 0;
  visibility: hidden;
}

.vimeo-lightbox[data-vimeo-activated="true"] .vimeo-lightbox__close {
  opacity: 1;
  visibility: visible;
}

/* Cover */
.vimeo-lightbox[data-vimeo-update-size="cover"] .vimeo-lightbox__calc-wrap {
  height: 100%;
}

.vimeo-lightbox[data-vimeo-update-size="cover"] [data-vimeo-lightbox-player] {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

/* Placeholder */
.vimeo-lightbox[data-vimeo-loaded="true"] .vimeo-lightbox__placeholder {
  opacity: 0;
}

/* Dark (Overlay) */
.vimeo-lightbox[data-vimeo-playing="false"] .vimeo-lightbox__dark {
  opacity: 0.33;
}

.vimeo-lightbox[data-vimeo-activated="false"][data-vimeo-playing="false"] .vimeo-lightbox__dark {
  opacity: 0;
}

.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-loaded="true"] .vimeo-lightbox__dark {
  opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
  .vimeo-lightbox[data-vimeo-hover="true"]:hover .vimeo-lightbox__dark {
    opacity: 0.33 !important;
  }
}

/* Pause */
.vimeo-lightbox .vimeo-lightbox__pause {
  display: none;
}

.vimeo-lightbox[data-vimeo-playing="true"] .vimeo-lightbox__pause {
  display: flex;
}

.vimeo-lightbox .vimeo-lightbox__pause .vimeo-lightbox__btn {
  opacity: 0;
}

.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-playing="false"] .vimeo-lightbox__pause .vimeo-lightbox__btn,
.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-hover="true"]:hover .vimeo-lightbox__pause .vimeo-lightbox__btn {
  opacity: 1;
}

@media (hover: none) and (pointer: coarse) {
  .vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-playing="true"] .vimeo-lightbox__pause .vimeo-lightbox__btn {
    opacity: 0 !important;
  }
}

/* Play */
.vimeo-lightbox[data-vimeo-playing="true"] .vimeo-lightbox__play {
  opacity: 0;
}

/* Loading */
.vimeo-lightbox .vimeo-lightbox__loading {
  opacity: 0;
}

.vimeo-lightbox[data-vimeo-playing="true"] .vimeo-lightbox__loading {
  opacity: 1;
}

.vimeo-lightbox[data-vimeo-playing="true"][data-vimeo-loaded="true"] .vimeo-lightbox__loading {
  opacity: 0;
}

/* Interface */
.vimeo-lightbox .vimeo-lightbox__interface {
  opacity: 0;
}

.vimeo-lightbox[data-vimeo-activated="false"][data-vimeo-playing="false"] .vimeo-lightbox__interface {
  opacity: 1;
}

.vimeo-lightbox .vimeo-lightbox__interface * {
  pointer-events: all; /* Make children of div clickable by user */
}

.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-playing="false"] .vimeo-lightbox__interface,
.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-hover="true"]:hover .vimeo-lightbox__interface {
  opacity: 1;
}

@media (hover: none) and (pointer: coarse) {
  .vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-playing="true"] .vimeo-lightbox__interface {
    opacity: 0 !important;
  }
}

/* Interface - Variables */
.vimeo-lightbox {
  --timeline-rounded-corners: 1.5em;
  --timeline-dot-height: 0.75em;
  --timeline-dot-color: var(--_primitive-tokens---base-color-brand--amethyst);
  --progress-bg: rgba(239, 238, 236, 0.2);
  --progress-fill-bg: var(--_primitive-tokens---base-color-brand--amethyst);
  --progress-height: 0.2em;
}

/* Interface - Timeline */
.vimeo-lightbox progress::-webkit-progress-bar {
  border-radius: var(--timeline-rounded-corners);
  background-color: var(--progress-bg);
  box-shadow: 0;
}

.vimeo-lightbox progress::-webkit-progress-value {
  background: var(--progress-fill-bg);
}

.vimeo-lightbox progress::-moz-progress-bar{
  border-radius: var(--timeline-rounded-corners);
  background: var(--progress-fill-bg);
  box-shadow: 0;
}

.vimeo-lightbox progress::-ms-fill {
  border-radius: var(--timeline-rounded-corners);
}

/* Interface - Range */
.vimeo-lightbox [type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
 
.vimeo-lightbox [type="range"]:focus {
  outline: none;
}
 
.vimeo-lightbox [type="range"]::-ms-track {
  width: 100%;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  color: transparent;
}

.vimeo-lightbox [type="range"]::-webkit-slider-runnable-track{
  width: 100%;
  height: var(--progress-height);
  cursor: pointer;
  background-color: var(--progress-bg);
  border-radius: var(--timeline-rounded-corners);
  background-color: transparent;
  border-color: transparent;
  color: transparent;
}

.vimeo-lightbox [type="range"]::-webkit-slider-thumb {
  box-shadow: 0;
  height: var(--timeline-dot-height);
  width: var(--timeline-dot-height);
  border-radius: var(--timeline-rounded-corners);
  background-color: var(--timeline-dot-color);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: calc((var(--progress-height) / 2) - (var(--timeline-dot-height) / 2));
}

.vimeo-lightbox [type="range"]::-webkit-slider-runnable-track,
.vimeo-lightbox [type="range"]:focus::-webkit-slider-runnable-track {
  background-color: transparent;
  border-color: transparent;
  color: transparent;
}

.vimeo-lightbox [type="range"]::-moz-range-track {
  width: 100%;
  height: var(--progress-height);
  cursor: pointer;
  background: var(--progress-bg);
  border-radius: 0;
  border: 0;
  border-radius: var(--timeline-rounded-corners);
  overflow: hidden;
  opacity: 1 !important;
}

.vimeo-lightbox [type="range"]::-moz-range-thumb {
  box-shadow: 0;
  border: 0;
  height: var(--timeline-dot-height);
  width: var(--timeline-dot-height);
  border-radius: var(--timeline-rounded-corners);
  background: var(--timeline-dot-color);
  cursor: pointer;
  box-shadow: 0;
}

/* Interface - Mute */
.vimeo-lightbox .vimeo-lightbox__mute svg:nth-child(2),
.vimeo-lightbox[data-vimeo-muted="true"] .vimeo-lightbox__mute svg:nth-child(1) {
  display: none;
}

.vimeo-lightbox .vimeo-lightbox__mute svg:nth-child(1),
.vimeo-lightbox[data-vimeo-muted="true"] .vimeo-lightbox__mute svg:nth-child(2) {
  display: block;
}

/* Interface - Fullscreen */
.vimeo-lightbox .vimeo-lightbox__fullscreen svg:nth-child(2),
.vimeo-lightbox[data-vimeo-fullscreen="true"] .vimeo-lightbox__fullscreen svg:nth-child(1) {
  display: none;
}

.vimeo-lightbox .vimeo-lightbox__fullscreen svg:nth-child(1),
.vimeo-lightbox[data-vimeo-fullscreen="true"] .vimeo-lightbox__fullscreen svg:nth-child(2) {
  display: block;
}