/* MODDED BY LOGISZ (pelgrimsafety U17-upgrade): correcties die NA het U13-thema moeten gelden. Core-lekkage zelf wordt
   in theme-core-reset.css teruggedraaid (vóór de U13-bundel). Per regel: gemeten oud gedrag + reden. */

/* Codebase-master voegt #scrollTopBtn toe (scroll-top.js); de U13-site had geen scroll-naar-boven-knop (live: geen element). */
#scrollTopBtn { display: none !important; }

/* Font Awesome 7 (codebase) geeft iconen width: var(--fa-width, 1.25em); de site gebruikte FA6 zonder vaste breedte
   (live: facebook 15px, linkedin 21px, x 24px breed i.p.v. 30px). */
body { --fa-width: auto; }

/* TipTap (U17-RTE) slaat lijstitems op als <li><p>…</p></li>; TinyMCE (U13) schreef <li>…</li>. Zonder deze regel krijgt elk
   lijstitem na opslaan de alinea-marges van de site (bootstrap p + .content p) → grote witruimte tussen bullets. De editor
   zelf doet hetzelfde (Umb.Tiptap.BulletList: li > p { margin: 0 }). Geldt alleen voor nieuwe TipTap-inhoud. */
li > p { margin: 0; }

/* Codebase-kolominstellingen op de Pelgrim-secties (2026-10-19; _columnSectionBlock.cshtml zet de klassen, mcp/17 de velden).
   Zelfde stappen als de Codebase (core.css :root, ook responsive): padding 1/2/3 × --lz-padding-step; "Margin top" schuift de
   sectie 1/2/3 × --lz-overlap-step over de sectie erboven. Niets gekozen = geen klasse = zoals U13 (de secties hebben zelf geen
   padding; de ruimte zit in de blocks). */
.section.padding-top-enkel { padding-top: var(--lz-padding-step); }
.section.padding-top-dubbel { padding-top: calc(var(--lz-padding-step) * 2); }
.section.padding-top-drievoudig { padding-top: calc(var(--lz-padding-step) * 3); }
.section.padding-bottom-enkel { padding-bottom: var(--lz-padding-step); }
.section.padding-bottom-dubbel { padding-bottom: calc(var(--lz-padding-step) * 2); }
.section.padding-bottom-drievoudig { padding-bottom: calc(var(--lz-padding-step) * 3); }
.section.margin-top-enkel, .section.margin-top-dubbel, .section.margin-top-drievoudig { position: relative; z-index: 1; }
.section.margin-top-enkel { margin-top: calc(var(--lz-overlap-step) * -1); }
.section.margin-top-dubbel { margin-top: calc(var(--lz-overlap-step) * -2); }
.section.margin-top-drievoudig { margin-top: calc(var(--lz-overlap-step) * -3); }
/* Full width: de achtergrond van een Pelgrim-sectie loopt al van rand tot rand; "Full width" laat ook de inhoud de volle breedte
   gebruiken i.p.v. 10 van de 12 kolommen met inspringing (areas.cshtml: col-lg-10 offset-lg-1). */
@media (min-width: 992px) {
  .section.full-width > .section--wrapper > .container-fluid > .row > .col-lg-10.offset-lg-1 { flex: 0 0 100%; max-width: 100%; margin-left: 0; }
}

/* Feedback na upgrade (Asana L2602142, 2026-10-20) */

/* Mobiel menu: de hamburger zet .is--locked op body (u13-bundle.js initSlickyMenu), maar daar hoorde geen CSS bij; html blijft
   de scroller (overflow-y: scroll uit de U13-CSS), dus de pagina scrolde mee onder het open menu. */
html:has(body.is--locked), body.is--locked { overflow: hidden; }
#nav_mobile { overscroll-behavior: contain; }

/* Onder 768px maakt theme.css van tabellen blokken; de vaste rij-/celhoogtes uit de editor (bv. 18px op
   /onze-aanpak/bouw-dakdekkersbedrijven/) laten de tekst dan over de volgende rij lopen. */
@media (max-width: 767.98px) {
  table, table tr, table tr td { height: auto !important; }
}

/* Kennisbank: het grijze onderwerpenblok staat altijd open, zonder pijl (het toggle-script is weg uit pgFaqBlock.cshtml). */
.section .section--wrapper .wrapper--faq .subjects--box .category--item .category--title { cursor: default; }
.section .section--wrapper .wrapper--faq .subjects--box .category--item .category--title:after { content: none; }
.section .section--wrapper .wrapper--faq .subjects--box .category--item .category--content { display: block !important; }

/* "Meer informatie" op een donkergrijze kaart (infoBlock, achtergrond #404545): de knoprand had dezelfde kleur en viel weg.
   Wit maken; bij hover ook de tekst wit houden, anders wordt die #404545 op #404545. */
.banners .banner.Darkgrey p a.read-more,
.banners .banner.Darkgrey p a.read-more:hover { border-color: #FFFFFF; color: #FFFFFF; }

/* reCAPTCHA-badge weg (zoals in de U13-CSS); de verplichte reCAPTCHA-tekst staat bij het formulier
   (Fieldtype.Recaptcha3.cshtml). visibility i.p.v. display: none, zodat reCAPTCHA v3 blijft werken. */
.grecaptcha-badge { visibility: hidden; }

/* Formulierknoppen (Umbraco Forms, pgFormBlock) gelijk aan de site-knoppen (a.read-more in theme.css). */
.form button {
  padding: 12px 46px 12px 20px;
  background-color: #404545;
  border: 1px solid #404545;
  border-radius: 5px;
  background-position: center right 20px;
}
.form button:hover {
  background-color: transparent;
  color: #404545;
  background-image: url("/images/bg_arrow_right_color_2.png");
}