/* All Day Services — pill-navigatie (variant 5) + 2-koloms dienstenmenu.
   Herstyle van het bestaande WPR-menu (.wpr-nav-menu); geen markup-wijziging.
   Desktop-menu wordt door WPR op mobiel verborgen (hamburger), dus dit raakt mobiel niet. */

/* ---- de capsule om het hele menu ---- */
.wpr-nav-menu-container .wpr-nav-menu{
  display:inline-flex !important;
  flex-wrap:nowrap !important;
  align-items:center;
  gap:3px !important;
  background:#eef3fb !important;
  padding:5px !important;
  border-radius:40px !important;
  box-shadow:inset 0 0 0 1px #e3eaf5;
}

/* ---- top-level items als pill-links ---- */
.wpr-nav-menu > li{ margin:0 !important; }
.wpr-nav-menu > li > a.wpr-menu-item{
  display:flex; align-items:center;
  padding:9px 17px !important;
  border-radius:30px !important;
  font-weight:600 !important;
  font-size:14.5px !important;
  line-height:1 !important;
  color:#1a2a50 !important;
  white-space:nowrap !important;
  background:transparent !important;
  transition:background .16s ease, color .16s ease, box-shadow .16s ease;
}
.wpr-nav-menu > li > a.wpr-menu-item:hover{ background:#ffffff !important; color:#243c90 !important; }

/* actieve pagina = gevulde navy pill */
.wpr-nav-menu > li.current-menu-item > a.wpr-menu-item,
.wpr-nav-menu > li.current_page_item > a.wpr-menu-item,
.wpr-nav-menu > li.current-menu-ancestor > a.wpr-menu-item{
  background:#1a2a50 !important; color:#ffffff !important;
  box-shadow:0 6px 14px -6px rgba(26,42,80,.55);
}

/* caret-icoon bij 'Onze Beveiligingsdiensten' */
.wpr-nav-menu .wpr-sub-icon{ margin-left:7px !important; font-size:11px !important; opacity:.7; }

/* ---- 2-koloms dropdown: diensten links / rechts ---- */
.wpr-nav-menu .sub-menu.wpr-sub-menu{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:2px 6px !important;
  width:auto !important;
  min-width:460px !important;
  left:50% !important;
  margin-left:-230px !important;        /* centreer onder de trigger (460/2) */
  padding:10px !important;
  border:1px solid #e6ecf5 !important;
  border-radius:16px !important;
  background:#ffffff !important;
  box-shadow:0 26px 54px -22px rgba(20,33,68,.5) !important;
}
.wpr-nav-menu .sub-menu.wpr-sub-menu > li{ width:auto !important; margin:0 !important; border:0 !important; }
.wpr-nav-menu .sub-menu.wpr-sub-menu a.wpr-sub-menu-item{
  display:block !important;
  padding:11px 14px !important;
  border-radius:10px !important;
  font-size:13.5px !important;
  font-weight:600 !important;
  color:#16233f !important;
  white-space:nowrap !important;
  background:transparent !important;
}
.wpr-nav-menu .sub-menu.wpr-sub-menu a.wpr-sub-menu-item:hover{ background:#f2f6fd !important; color:#243c90 !important; }

/* dropdown ALTIJD verborgen, behalve bij echte hover op het item (grid-layout blijft staan).
   !important wint van WPR's blijvende .wpr-animate-sub-class, zodat 'ie niet open blijft hangen. */
.wpr-nav-menu .sub-menu.wpr-sub-menu{ visibility:hidden !important; opacity:0 !important; }
.wpr-nav-menu .menu-item-has-children:hover > .sub-menu.wpr-sub-menu{ visibility:visible !important; opacity:1 !important; z-index:9999 !important; }