.elementor-132 .elementor-element.elementor-element-33d28f8f{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--overlay-opacity:0.5;--border-radius:5px 5px 5px 5px;--padding-top:160px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-132 .elementor-element.elementor-element-33d28f8f::before, .elementor-132 .elementor-element.elementor-element-33d28f8f > .elementor-background-video-container::before, .elementor-132 .elementor-element.elementor-element-33d28f8f > .e-con-inner > .elementor-background-video-container::before, .elementor-132 .elementor-element.elementor-element-33d28f8f > .elementor-background-slideshow::before, .elementor-132 .elementor-element.elementor-element-33d28f8f > .e-con-inner > .elementor-background-slideshow::before, .elementor-132 .elementor-element.elementor-element-33d28f8f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-132 .elementor-element.elementor-element-33d28f8f:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-33d28f8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-132 .elementor-element.elementor-element-4793392b .elementor-heading-title{font-family:var( --e-global-typography-d3fea40-font-family ), Sans-serif;font-size:var( --e-global-typography-d3fea40-font-size );font-weight:var( --e-global-typography-d3fea40-font-weight );line-height:var( --e-global-typography-d3fea40-line-height );letter-spacing:var( --e-global-typography-d3fea40-letter-spacing );color:var( --e-global-color-19f70cc );}.elementor-132 .elementor-element.elementor-element-6c713a56{width:auto;max-width:auto;}.elementor-132 .elementor-element.elementor-element-6c713a56 .jet-listing-dynamic-repeater__items{flex-direction:flex-start;justify-content:flex-start;}.elementor-132 .elementor-element.elementor-element-6c713a56 .jet-listing-dynamic-repeater__item > *{justify-content:flex-start;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.jet-listing-item.single-jet-engine.elementor-page-132 > .elementor{width:300px;margin-left:auto;margin-right:auto;}@media(max-width:1366px){.elementor-132 .elementor-element.elementor-element-4793392b .elementor-heading-title{font-size:var( --e-global-typography-d3fea40-font-size );line-height:var( --e-global-typography-d3fea40-line-height );letter-spacing:var( --e-global-typography-d3fea40-letter-spacing );}}@media(max-width:1024px){.elementor-132 .elementor-element.elementor-element-4793392b .elementor-heading-title{font-size:var( --e-global-typography-d3fea40-font-size );line-height:var( --e-global-typography-d3fea40-line-height );letter-spacing:var( --e-global-typography-d3fea40-letter-spacing );}}@media(max-width:767px){.elementor-132 .elementor-element.elementor-element-4793392b .elementor-heading-title{font-size:var( --e-global-typography-d3fea40-font-size );line-height:var( --e-global-typography-d3fea40-line-height );letter-spacing:var( --e-global-typography-d3fea40-letter-spacing );}}@media(min-width:2000px){.elementor-132 .elementor-element.elementor-element-4793392b .elementor-heading-title{font-size:var( --e-global-typography-d3fea40-font-size );line-height:var( --e-global-typography-d3fea40-line-height );letter-spacing:var( --e-global-typography-d3fea40-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-33d28f8f *//* ============================================================
   INSCHRIJF-CARD — buttons reveal-on-hover
   Card-hoogte blijft CONSTANT (ruimte voor buttons altijd
   gereserveerd). Werkt op alle .inschrijf-card containers.
   Brand: navy/magenta · Syne/Manrope
   ============================================================ */

/* Pas deze twee waarden aan naar je exacte brandkleuren */
.inschrijf-card {
  --ic-accent: #e6007e;        /* magenta accent */
  --ic-shadow: 22, 33, 62;     /* navy als RGB, voor de schaduw */
}

/* ---- 0. Stabiele hover-zone -------------------------------- */
/* De card schuift bij hover omhoog en beweegt zo weg van je
   cursor. Deze onzichtbare ::before verlengt de hover-zone naar
   onder, zodat hover niet wegvalt of flikkert tijdens de lift. */
.inschrijf-card {
  position: relative;
}
.inschrijf-card::before {
  content: "";
  position: absolute;
  inset: 0 0 -16px 0;   /* 16px extra hover-ruimte onderaan */
  z-index: -1;          /* achter de inhoud → blokkeert geen klikken */
}

/* ---- 1. De card zelf: subtiele lift bij hover -------------- */
.inschrijf-card {
  transition:
    transform .45s cubic-bezier(.22, 1, .36, 1),
    box-shadow .45s cubic-bezier(.22, 1, .36, 1);
  will-change: transform;
}

.inschrijf-card:hover,
.inschrijf-card:focus-within {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px -12px rgba(var(--ic-shadow), .28);
}

/* ---- 2. De buttons-zone: ruimte blijft altijd staan -------- */
/* Geen hoogte-animatie meer → card-hoogte verandert niet.
   We faden enkel de buttons zelf in/uit. */
.inschrijf-card .elementor-widget-jet-listing-dynamic-repeater {
  opacity: 0;
  transition: opacity .35s ease;
}

/* ---- 3. Reveal bij hover / focus --------------------------- */
.inschrijf-card:hover .elementor-widget-jet-listing-dynamic-repeater,
.inschrijf-card:focus-within .elementor-widget-jet-listing-dynamic-repeater {
  opacity: 1;
}

/* ---- 4. De buttons zelf: van onder naar boven inschuiven --- */
/* Met stagger: button 2 komt iets later dan button 1.
   De ruimte blijft gereserveerd, enkel transform + opacity. */
.inschrijf-card .jet-listing-dynamic-repeater__item {
  transform: translateY(14px);
  opacity: 0;
  transition:
    transform .45s cubic-bezier(.22, 1, .36, 1),
    opacity .45s ease;
}

.inschrijf-card:hover .jet-listing-dynamic-repeater__item,
.inschrijf-card:focus-within .jet-listing-dynamic-repeater__item {
  transform: translateY(0);
  opacity: 1;
}

/* Stagger-delays voor meerdere campussen */
.inschrijf-card:hover .jet-listing-dynamic-repeater__item:nth-child(2),
.inschrijf-card:focus-within .jet-listing-dynamic-repeater__item:nth-child(2) {
  transition-delay: .08s;
}
.inschrijf-card:hover .jet-listing-dynamic-repeater__item:nth-child(3),
.inschrijf-card:focus-within .jet-listing-dynamic-repeater__item:nth-child(3) {
  transition-delay: .16s;
}
.inschrijf-card .jet-listing-dynamic-repeater__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
}

/* ---- 5. Brand-touch: button micro-interactie --------------- */
.inschrijf-card .elementor-button {
  transition:
    box-shadow .25s ease,
    background-color .25s ease,
    color .25s ease;
}
.inschrijf-card .elementor-button:hover,
.inschrijf-card .elementor-button:focus {
  transform: none !important;   /* schaal/verschuiving uit thema uitzetten */
  box-shadow: 0 8px 18px -6px rgba(var(--ic-shadow), .35);
}
.inschrijf-card {
  /* Zet dit op de RUST-padding van je button (zie tip hieronder) */
  --ic-btn-pad: 12px 24px;
}
.inschrijf-card .elementor-button {
  transition:
    box-shadow .25s ease,
    background-color .25s ease,
    color .25s ease;
}
.inschrijf-card .elementor-button:hover,
.inschrijf-card .elementor-button:focus {
  transform: none !important;                 /* schaal uit thema uit */
  padding: 5px 10px 5px 10px; !important;      /* padding-sprong uit thema uit */
  box-shadow: 0 8px 18px -6px rgba(var(--ic-shadow), .35);
}

/* ============================================================
   6. MOBIEL / TOUCH — geen betrouwbare hover.
   Buttons altijd zichtbaar, geen verborgen frictie.
   ============================================================ */
@media (hover: none), (pointer: coarse) {
  .inschrijf-card .elementor-widget-jet-listing-dynamic-repeater {
    opacity: 1;
  }
  .inschrijf-card .jet-listing-dynamic-repeater__item {
    transform: none;
    opacity: 1;
  }
  /* Geen lift-effect op touch — voelt daar onnatuurlijk */
  .inschrijf-card:hover,
  .inschrijf-card:focus-within {
    transform: none;
    box-shadow: none;
  }
.inschrijf-card::after { display: none; }
}

/* ============================================================
   7. TOEGANKELIJKHEID — respecteer "reduce motion"
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .inschrijf-card,
  .inschrijf-card .elementor-widget-jet-listing-dynamic-repeater,
  .inschrijf-card .jet-listing-dynamic-repeater__item,
  .inschrijf-card .elementor-button {
    transition: none !important;
  }
  .inschrijf-card .elementor-widget-jet-listing-dynamic-repeater {
    opacity: 1;
  }
  .inschrijf-card .jet-listing-dynamic-repeater__item {
    transform: none;
    opacity: 1;
  }
  .inschrijf-card::after { animation: none; }
}
/* ---- 8. Hover-affordance: animerend icoon (onderaan-rechts) */
.inschrijf-card::after {
  content: "\2193";              /* pijl naar beneden */
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: rgba(255, 255, 255, .12);
  border: 1.5px solid #fff;
  border-radius: 50%;
  pointer-events: none;          /* blokkeert geen klikken */
  transition:
    transform .45s cubic-bezier(.22, 1, .36, 1),
    opacity .35s ease,
    background-color .35s ease,
    color .35s ease;
  animation: ic-bob 2.4s ease-in-out infinite;
}

@keyframes ic-bob {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(4px); }
}

/* Bij hover: pijltje fade weg terwijl de buttons verschijnen. */
.inschrijf-card:hover::after,
.inschrijf-card:focus-within::after {
  opacity: 0;
  transform: translateY(8px);
  animation: none;
}/* End custom CSS */