/*
Theme Name:         Agrolux 2022
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme. <a href="https://github.com/roots/sage">Contribute on GitHub</a>
Version:            8.6.0.20230123
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/


/* Dit bestand kan worden gebruikt om CSS aanpassingen te maken */

/* CUSTOM PLUG-IN */
#cmplz-document {
    margin: 96px auto 0;
    padding: 64px;
    background: #fff !important;
	color: #000000 !important;
}

.slick-slide img
{
	    min-height: 240px !important;
    object-fit: contain !important;
}

#header .navbar 
{ background-color: rgba(0,0,0,0.85) !important; }


/* Put this in your theme’s Customizer > Additional CSS or your child theme */
.text-shine {
  /* Stop any shine animation */
  animation: none !important;
  -webkit-animation: none !important;

  /* Reset text effects that often create a "shine" */
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  text-shadow: none !important;

  /* If the shine used a pseudo-element sweep: */
  position: static !important; /* only if it was set relative for the shine */
  overflow: visible !important; /* in case it clipped a glint */
}

/* Remove glint if it's added via pseudo-elements */
.text-shine::before,
.text-shine::after {
  content: none !important;
  animation: none !important;
}


/*Fruit Logistica Selected slot = green */

body.appointments-fruit-logistica-2026 .ahb_m3 #fbuilder .slots div.currentSelection a {
  background: #B6D741  !important;
}



/* Mobile-first: content padding only; header unaffected */
body.appointments-fruit-logistica-2026 main > article > .container-fluid.px-0.mx-0 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* ≥ 576px */
@media (min-width: 576px) {
  body.appointments-fruit-logistica-2026 main > article > .container-fluid.px-0.mx-0 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* ≥ 768px */
@media (min-width: 768px) {
  body.appointments-fruit-logistica-2026 main > article > .container-fluid.px-0.mx-0 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

/* ≥ 1200px */
@media (min-width: 1200px) {
  body.appointments-fruit-logistica-2026 main > article > .container-fluid.px-0.mx-0 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

/* ≥ 1600px (optional) */
@media (min-width: 1600px) {
  body.appointments-fruit-logistica-2026 main > article > .container-fluid.px-0.mx-0 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

/* Scope to this page only so other pages aren’t affected */
body.appointments-fruit-logistica-2026 .cpefb_error.message {
  /* Colors */
  color: #7a1010;                 /* dark red text for readability */
  background-color: #fdecea;      /* light red background */
  border: 1px solid #f5c2c7;      /* subtle red border */

  /* UI polish */
  padding: 8px 10px;
  border-radius: 6px;
  line-height: 1.4;
  font-weight: 600;
  /* Make sure it sits above form elements if overlapping */
  z-index: 2;
  /* Optional subtle shadow for contrast on dark backgrounds */
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}

/* Optional: small attention “pulse” when shown (1 time) */
@keyframes error-pop {
  0% { transform: scale(0.98); }
  60% { transform: scale(1.02); }
  100% { transform: scale(1); }
}
body.appointments-fruit-logistica-2026 .cpefb_error.message[generated="true"] {
  animation: error-pop 140ms ease-out;
}

/*Horticontact Selected slot = green */

body.appointments-horticontact-2026 .ahb_m3 #fbuilder .slots div.currentSelection a {
  background: #B6D741  !important;
}



/* Mobile-first: content padding only; header unaffected */
body.appointments-horticontact-2026 main > article > .container-fluid.px-0.mx-0 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* ≥ 576px */
@media (min-width: 576px) {
  body.appointments-horticontact-2026 main > article > .container-fluid.px-0.mx-0 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* ≥ 768px */
@media (min-width: 768px) {
  body.appointments-horticontact-2026 main > article > .container-fluid.px-0.mx-0 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

/* ≥ 1200px */
@media (min-width: 1200px) {
  body.appointments-horticontact-2026 main > article > .container-fluid.px-0.mx-0 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

/* ≥ 1600px (optional) */
@media (min-width: 1600px) {
  body.appointments-horticontact-2026 main > article > .container-fluid.px-0.mx-0 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

/* Scope to this page only so other pages aren’t affected */
body.appointments-horticontact-2026 .cpefb_error.message {
  /* Colors */
  color: #7a1010;                 /* dark red text for readability */
  background-color: #fdecea;      /* light red background */
  border: 1px solid #f5c2c7;      /* subtle red border */

  /* UI polish */
  padding: 8px 10px;
  border-radius: 6px;
  line-height: 1.4;
  font-weight: 600;
  /* Make sure it sits above form elements if overlapping */
  z-index: 2;
  /* Optional subtle shadow for contrast on dark backgrounds */
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}

/* Optional: small attention “pulse” when shown (1 time) */
@keyframes error-pop {
  0% { transform: scale(0.98); }
  60% { transform: scale(1.02); }
  100% { transform: scale(1); }
}
body.appointments-horticontact-2026 .cpefb_error.message[generated="true"] {
  animation: error-pop 140ms ease-out;
}


.hero-video-wrap {
  position: relative;
  width: 100%;
  height: 440px;
  overflow: hidden;
  background: #000;
}

.hero-video-wrap .hero-video-el {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40% ;
}

/* tablet */
@media (min-width: 768px) {
  .hero-video-wrap { height: 440px; }
}

/* desktop */
@media (min-width: 1200px) {
  .hero-video-wrap { height: 420px; }
}

@media (max-width: 1024px) {
    .acf-field select {
        position: relative;
        z-index: 9999;
        pointer-events: auto !important;
    }

    /* If a wrapper blocks taps */
    .acf-field,
    .filter-wrapper,
    .dropdown-wrapper {
        pointer-events: auto !important;
        overflow: visible !important;
    }
}

select {
    appearance: auto !important;
    -webkit-appearance: none !important;
}


/* NL/EN mobile override for HS mega-menu */
@media (max-width: 991px) {
  /* default hidden */
  .hs-sub-menu.dropdown-menu { display: none; }

  /* when the parent <li> is toggled open */
  li.submenu-open > .hs-sub-menu.dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  /* if your markup includes this desktop-only class, neutralize it on mobile */
  .hs-sub-menu-desktop-lg { 
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  /* fadeOut class sometimes keeps it transparent */
  .hs-sub-menu.fadeOut { opacity: 1 !important; }
}

/* ------------------------------ */
/*  IE + old Edge: force flat menu */
/* ------------------------------ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  /* hide ALL dropdown menus */
  .hs-sub-menu,
  .dropdown-menu,
  .sub-menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* remove arrows/carets */
  .nav-link-toggle::after,
  .navbar-dropdown-icon {
    display: none !important;
  }

}

/* ------------------------------ */
/* Mobile flat menu (ALL devices) */
/* ------------------------------ */
@media (max-width: 991px) {
  .hs-sub-menu,
  .dropdown-menu,
  .sub-menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .nav-link-toggle::after,
  .navbar-dropdown-icon {
    display: none !important;
  }
}