.elementor-143642 .elementor-element.elementor-element-48c0194{--display:flex;}.elementor-143642 .elementor-element.elementor-element-82b4e2b{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;}/* Start custom CSS for html, class: .elementor-element-82b4e2b *//* ====== ALTIJD ZICHTBAAR mega menu ====== */
.hendi-megamenu{
  display: block;
}

/* Titel */
.hendi-megamenu .hendi-title{
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em;
  margin: 0 0 12px;
  color: #111;
  text-decoration: none;
}

/* Panel altijd zichtbaar (geen dropdown) */
.hendi-megamenu .hendi-panel{
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;

  width: 100%;
  max-width: 1200px;     /* pas aan of zet op none */
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 18px;

  display: grid;
  grid-template-columns: repeat(5, minmax(170px, 1fr));
  gap: 22px;
}

/* Groep titels */
.hendi-megamenu .hendi-group-title{
  font-weight: 800;
  margin: 10px 0 10px;
  color: #111;
}

/* Lijsten */
.hendi-megamenu .hendi-links{
  list-style: none;
  margin: 0;
  padding: 0;
}
.hendi-megamenu .hendi-links li{
  margin: 0;
  padding: 0;
}

/* ====== Link styling (jouw oude stijl, maar dan breder toegepast) ====== */
.hendi-megamenu .hendi-links li a{
  display: block;
  color: #333;
  text-decoration: none;
  transition: 0.2s ease;
  padding: 6px 8px;
  border-radius: 8px;
}

/* Hover kleur + subtiele animatie */
.hendi-megamenu .hendi-links li a:hover{
  color: #007bff;
  padding-left: 12px; /* 8 + 4px effect */
  background: rgba(0,0,0,.03);
}

/* Responsive */
@media (max-width: 1200px){
  .hendi-megamenu .hendi-panel{
    grid-template-columns: repeat(3, minmax(170px, 1fr));
  }
}
@media (max-width: 900px){
  .hendi-megamenu .hendi-panel{
    grid-template-columns: 1fr;
    padding: 12px;
  }
}
/* Mega menu gecentreerd op het scherm */
.hendi-megamenu .hendi-panel{
  width: 94vw !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}/* End custom CSS */