/* Brug tussen de oude openbare tools (bpm, nedc-wltp, jurisprudentie, wetgeving, eu-wetgeving, woo, kennis, privacy)
   en de nieuwe schil (adp-next.css). Geladen NA de eigen stijl van de pagina: zet hun kleurvariabelen op navy, glas en
   het ADP-groen, en verbergt hun oude menu (de HTML blijft staan, want hun scripts verwijzen ernaar). Inhoud en werking
   van de tools zijn niet aangeraakt. Livegang 2026-10-27. */
body.adp-brug{
  --bg-body:transparent; --bg:transparent;
  --bg-card:rgba(11,26,51,.78); --bg-card-hover:rgba(19,43,85,.86); --bg-input:rgba(0,0,0,.32);
  --border:rgba(16,226,155,.18);
  --text-primary:#FFFFFF; --text-secondary:#C3CFE3; --dim:#A9B9D4;
  --amber:#10E29B; --amber-hover:#2CF0AE; --amber-glow:rgba(16,226,155,.15);
  --accent:#10E29B; --accent-hover:#2CF0AE; --accent-glow:rgba(16,226,155,.15);
  --gold:#10E29B;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  background:transparent !important;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
/* oude menu's en oude voet weg; de kop en voet van de schil nemen het over */
body.adp-brug > nav,
body.adp-brug > .nav,
body.adp-brug > .mobile-menu,
body.adp-brug > .site-footer,
body.adp-brug > footer:not(.voet){display:none !important}
/* glas op de vlakken die de tools zelf als kaart tekenen */
body.adp-brug :is(.card,.result-card,.info-section,.search-box,.filter-bar,.results,.result,.uitspraak,.artikel,.item,.panel){
  backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
/* knoppen met een fel accent: donkere tekst op groen (leesbaar, ook licht kleurenblind) */
body.adp-brug :is(.btn-calculate,.btn-primary,.search-btn,button[type=submit]):not(.btn){color:#04281C !important}
/* invoervelden nooit wit (huisregel) */
body.adp-brug :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){background-color:rgba(0,0,0,.32);color:#fff;border-color:rgba(255,255,255,.22)}
body.adp-brug select option{background:#0B1A33;color:#fff}
/* de inhoud boven de vaste foto, en ruimte onder de vaste kop */
body.adp-brug > main, body.adp-brug > .container, body.adp-brug > section, body.adp-brug > div:not(.achtergrond):not(.lade){position:relative;z-index:1}
/* telefoon: niets breder dan het scherm (velden en keuzelijsten krimpen mee, tabbladen lopen door,
   brede tabellen scrollen binnen hun eigen vak). Ook voor pagina's die dat voor de livegang al hadden. */
body.adp-brug :is(input,select,textarea,button){max-width:100%;min-width:0}
body.adp-brug :is(.tab-group,.tabs,.filter-bar,.filters){flex-wrap:wrap}
body.adp-brug main table,body.adp-brug .container table,body.adp-brug > div table{display:block;max-width:100%;overflow-x:auto}
@media (max-width:640px){
  body.adp-brug .search-bar{flex-direction:column}
  body.adp-brug .search-bar > *{width:100%;flex:none}
}
/* oude merkkop van de privacypagina weg (de schil heeft het logo al); inhoud onder de vaste kop */
body.adp-brug > .header{display:none}
body.adp-brug > .header + .container{padding-top:110px}