/* Navigatie: aanvullingen op style.css zodat het menu op elk apparaat werkt. */
.pro-panel-column .pro-panel-title{margin:0 0 9px;font-family:"Nunito Sans","Segoe UI",sans-serif;font-size:.78rem;font-weight:800;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;color:var(--navy)}

/* Desktop en iPad liggend: paneel nooit hoger dan het scherm. */
@media (min-width:901px){
  .navigation-bar .pro-panel{max-height:calc(100dvh - var(--pro-nav-bottom,190px) - 16px);overflow-y:auto;overscroll-behavior:contain}
}
/* iPad liggend en kleine laptops: leesbare menutekst (was 11 px). */
@media (min-width:901px) and (max-width:1180px){
  .navigation-bar .pro-item>summary{font-size:.78rem;padding-inline:7px;gap:5px}
  .navigation-bar .pro-support-link{font-size:.76rem}
}
@media (min-width:901px) and (max-width:1040px){
  .navigation-bar .pro-support-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .navigation-bar .pro-support-link{padding-inline:12px}
  .navigation-bar .pro-panel-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Telefoon en iPad staand: menu past precies onder de header en scrolt zelf. */
@media (max-width:900px){
  .navigation-bar .pro-nav{max-height:calc(100dvh - var(--pro-nav-bottom,90px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .pro-item>summary{min-height:48px}
  .pro-panel-column li a{min-height:44px}
  body.pro-menu-open{overflow:hidden}
}
/* Paneelkop: titel is een link; op telefoon staat de knop naar de categorie bovenaan (de onderste CTA valt daar ver buiten beeld). */
.pro-panel-head strong a{color:inherit;text-decoration:none}
.pro-panel-head strong a:hover{color:var(--blue,#0878cf)}
.pro-panel-head__all{display:none}
@media (max-width:900px){
  .pro-panel-head__all{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin-top:12px;border-radius:13px;background:linear-gradient(135deg,#0878cf,#36aee5);box-shadow:0 8px 18px rgba(8,120,207,.2);color:#fff!important;font-weight:850;font-size:.92rem;padding:12px 16px;text-decoration:none!important}
  .pro-panel-head__all span:last-child{font-size:1.1rem}
}
@media (prefers-reduced-motion:reduce){.pro-item[open] .pro-chevron{transition:none}}