/*
Theme Name: Loodgieterspunt Child
Template: astra
Version: 1.2.0
Text Domain: loodgieterspunt-child
*/

:root{
	--lgp-blue: var(--ast-global-color-0, #2563eb);
	--lgp-blue-dark: #14306e;
	--lgp-navy: #142a4d;          /* vast donkerblauw (variabele van het thema is licht) */
	--lgp-orange: #f97316;
	--lgp-ink: #46536e;
	--lgp-soft: #f3f7fd;
	--lgp-line: #e4ebf6;
	--lgp-radius: 20px;
}

/* Astra-byline, reactieformulier en vorige/volgende verbergen */
.single .ast-article-single .entry-header .post-meta,
.single .ast-article-single .entry-meta,
.single .entry-header .entry-meta,
.single #comments,
.single .comments-area,
.single .comment-respond,
.single .ast-comment-list,
.single .post-navigation,
.single nav.post-navigation { display:none !important; }

/* ===== Grote hero-afbeelding bovenaan ===== */
.lgp-featured { margin:0 0 22px; }
.lgp-featured img { width:100%; max-height:480px; object-fit:cover; display:block; border-radius:var(--lgp-radius);
	box-shadow:0 24px 50px -22px rgba(20,40,80,.45); }

/* ===== Breadcrumb ===== */
.lgp-crumb { display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:13px; color:#8a97ad; margin:0 0 16px; }
.lgp-crumb a { color:#8a97ad; text-decoration:none; }
.lgp-crumb a:hover { color: var(--lgp-blue); }
.lgp-crumb .lgp-crumb-cur { color: var(--lgp-orange); font-weight:700; }

/* ===== Meta: categorie + datum + leestijd ===== */
.lgp-meta { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin:18px 0 30px; font-size:14px; }
.lgp-cat { background: var(--lgp-blue); color:#fff; padding:6px 15px; border-radius:999px; text-decoration:none;
	font-weight:700; font-size:13px; letter-spacing:.2px; }
.lgp-cat:hover { background: var(--lgp-blue-dark); color:#fff; }
.lgp-mi { display:inline-flex; align-items:center; gap:7px; color:var(--lgp-ink); font-weight:500; }
.lgp-mi svg { color: var(--lgp-blue); }
.lgp-mi-rt svg { color: var(--lgp-orange); }

/* ===== Inhoudsopgave (links, sticky) ===== */
.lgp-toc { background:#fff; border:1px solid var(--lgp-line); border-radius:16px; padding:22px;
	margin:0 0 28px; box-shadow:0 14px 34px -24px rgba(20,40,80,.55); }
@media (min-width:1100px){
	.lgp-toc { position:sticky; top:110px; float:left; width:255px; margin-left:-305px; }
}
.lgp-toc-title { font-weight:800; font-size:12px; letter-spacing:1.4px; text-transform:uppercase;
	color: var(--lgp-blue); margin:0 0 14px; }
.lgp-toc ul { list-style:none; margin:0; padding:0; }
.lgp-toc li { margin:0; line-height:1.4; }
.lgp-toc li.h3 { padding-left:16px; }
.lgp-toc a { display:block; padding:8px 0 8px 13px; margin-left:-13px; font-size:14px; text-decoration:none;
	color:var(--lgp-ink); border-left:3px solid transparent; transition:.15s; }
.lgp-toc a:hover { color: var(--lgp-blue); }
.lgp-toc a.active { color: var(--lgp-blue); font-weight:700; border-left-color: var(--lgp-orange); }

/* ===== Call-to-action ===== */
.lgp-cta { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
	margin:46px 0 38px; padding:32px 36px; border-radius:var(--lgp-radius);
	background:linear-gradient(120deg, var(--lgp-blue), var(--lgp-blue-dark)); color:#fff; }
.lgp-cta-txt h3 { color:#fff !important; margin:0 0 6px; font-size:23px; line-height:1.25; }
.lgp-cta-txt p { color:rgba(255,255,255,.92); margin:0; font-size:15px; }
.lgp-cta-btn { display:inline-flex; align-items:center; gap:9px; white-space:nowrap; flex-shrink:0;
	background: var(--lgp-orange); color:#fff; text-decoration:none; font-weight:700; font-size:15px;
	padding:15px 28px; border-radius:999px; transition:.18s; box-shadow:0 10px 24px -8px rgba(249,115,22,.55); }
.lgp-cta-btn:hover { color:#fff; transform:translateY(-2px); box-shadow:0 16px 30px -8px rgba(249,115,22,.7); }

/* ===== Delen (blauwe ronde icoontjes) ===== */
.lgp-share { display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin:36px 0; padding:24px 0;
	border-top:1px solid var(--lgp-line); border-bottom:1px solid var(--lgp-line); }
.lgp-share-label { font-weight:800; color:var(--lgp-navy); font-size:13px; text-transform:uppercase; letter-spacing:1px; }
.lgp-share-icons { display:flex; gap:11px; }
.lgp-s { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%;
	background: var(--lgp-blue); color:#fff; border:none; cursor:pointer; transition:.16s; position:relative; }
.lgp-s svg { display:block; }
.lgp-s:hover { background: var(--lgp-orange); transform:translateY(-3px); box-shadow:0 10px 20px -8px rgba(249,115,22,.6); }
.lgp-copy.copied::after { content:"Gekopieerd!"; position:absolute; bottom:122%; left:50%; transform:translateX(-50%);
	background:var(--lgp-navy); color:#fff; font-size:11px; padding:5px 10px; border-radius:6px; white-space:nowrap; }

/* ===== Auteur ===== */
.lgp-author { display:flex; gap:18px; align-items:center; margin:32px 0; padding:24px 26px;
	background: var(--lgp-soft); border:1px solid var(--lgp-line); border-left:5px solid var(--lgp-blue); border-radius:16px; }
.lgp-author-av img { width:66px; height:66px; border-radius:50%; display:block; border:3px solid #fff; box-shadow:0 0 0 2px var(--lgp-orange); }
.lgp-eyebrow { display:block; font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:var(--lgp-orange); font-weight:800; margin-bottom:3px; }
.lgp-author-b strong { display:block; color:var(--lgp-navy); font-size:18px; }
.lgp-author-b p { margin:6px 0 0; font-size:14px; color:var(--lgp-ink); line-height:1.5; }

/* ===== Lees ook (slider) ===== */
.lgp-related { margin:48px 0 32px; }
.lgp-related-head { display:flex; align-items:center; justify-content:space-between; margin:0 0 22px; }
.lgp-related-head h3 { margin:0; color:var(--lgp-navy); position:relative; padding-bottom:10px; }
.lgp-related-head h3::after { content:""; position:absolute; left:0; bottom:0; width:46px; height:4px; border-radius:4px; background:var(--lgp-orange); }
.lgp-nav { display:flex; gap:9px; }
.lgp-prev, .lgp-next { width:44px; height:44px; border-radius:50%; border:none; background:var(--lgp-blue); color:#fff;
	cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:.16s; }
.lgp-prev:hover, .lgp-next:hover { background:var(--lgp-orange); }
.lgp-slider { overflow:hidden; }
.lgp-track { display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:4px; }
.lgp-track::-webkit-scrollbar { display:none; }
.lgp-card { flex:0 0 calc(33.333% - 14px); min-width:240px; scroll-snap-align:start; text-decoration:none; color:inherit;
	background:#fff; border:1px solid var(--lgp-line); border-radius:16px; overflow:hidden; display:flex; flex-direction:column;
	transition:transform .2s, box-shadow .2s; }
.lgp-card:hover { transform:translateY(-5px); box-shadow:0 20px 38px -18px rgba(20,40,80,.45); }
.lgp-card-img { position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--lgp-soft); }
.lgp-card-img img { width:100%; height:100%; object-fit:cover; display:block; }
.lgp-card-cat { position:absolute; top:12px; left:12px; background:var(--lgp-blue); color:#fff;
	font-size:11px; font-weight:700; padding:5px 12px; border-radius:999px; }
.lgp-card-b { padding:16px 18px 18px; display:flex; flex-direction:column; gap:10px; flex:1; }
.lgp-card-title { font-weight:700; color:var(--lgp-navy); line-height:1.35; font-size:15px; }
.lgp-card-rt { display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:#8a97ad; margin-top:auto; }
.lgp-card-rt svg { color:var(--lgp-orange); }

/* ===== Terug-link ===== */
.lgp-back { margin:8px 0 12px; }
.lgp-back a { display:inline-flex; align-items:center; gap:8px; color:var(--lgp-blue); font-weight:700; text-decoration:none; font-size:15px; }
.lgp-back a svg { color:var(--lgp-orange); transition:.15s; }
.lgp-back a:hover svg { transform:translateX(-3px); }

/* ===== Responsive ===== */
@media (max-width:782px){
	.lgp-featured img { max-height:280px; }
	.lgp-cta { padding:24px; }
	.lgp-cta-txt h3 { font-size:20px; }
	.lgp-card { flex:0 0 80%; }
	.lgp-author { flex-direction:column; text-align:center; align-items:center; border-left:none; border-top:5px solid var(--lgp-blue); }
}


/* ===== v1.4 Full-width hero-afbeelding (huisstijl) ===== */
.lgp-crumb{ position:relative; z-index:2; }
.lgp-featured{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); margin-top:6px; margin-bottom:30px; }
.lgp-featured img{ width:100vw; max-width:100vw; height:auto; aspect-ratio:21/8; max-height:430px; object-fit:cover; border-radius:0; box-shadow:0 18px 40px -28px rgba(20,40,80,.5); }
@media (max-width:782px){ .lgp-featured{ margin-bottom:22px; } .lgp-featured img{ aspect-ratio:16/10; max-height:280px; } }


/* ===== v1.4.2 Oude Astra-breadcrumb verbergen op artikelpagina ===== */
.single-post .ast-header-breadcrumb,
.single-post .main-header-bar.ast-header-breadcrumb,
.single-post .ast-breadcrumbs-wrapper{ display:none !important; }

/* === Aanpassingen blog-template (toegevoegd) === */

/* 1. Overbodige witruimte boven de breadcrumb weghalen.
   De header-ruimte (#content padding-top) laten we staan; we halen
   alleen de extra marge van de content-kolom en de artikel-padding weg. */
.single-post #primary,
.single-post .content-area { margin-top: 0 !important; }
.single-post article.post { padding-top: 0 !important; }

/* 2. Ovale knoppen weer rond maken.
   Astra zet inline padding:20px 40px op alle <button>-elementen,
   waardoor de icoonknoppen 80px breed werden. Reset + vaste 44px. */
.lgp-s,
.lgp-copy,
.lgp-prev,
.lgp-next {
	padding: 0 !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 0 !important;
	flex: 0 0 auto !important;
	box-sizing: border-box !important;
}

/* 3. "Geschreven door"-blok verbergen. */
.lgp-author { display: none !important; }

/* === Witruimte boven de afbeelding weg === */
/* De breadcrumb wordt via PHP onder de afbeelding geplaatst.
   Hier alleen de header-reservering strak gelijk aan de vaste header. */
.single-post .lgp-featured { margin-top: 0 !important; }
.single-post #content { padding-top: 76px !important; }
.admin-bar.single-post #content { padding-top: 108px !important; }


/* ==========================================================
   LGP BLOG ARCHIEF  (v2 - in lijn met site-stijl)
   Nunito koppen, oranje accenten, blauwe hover, zachte kaarten
   ========================================================== */

.blog #main,
.archive.category #main,
.search-results #main{
  --lgpa-blue:#1a5cff;
  --lgpa-blue-dark:#1246cc;
  --lgpa-orange:#ff6b1a;
  --lgpa-navy:#142a4d;
  --lgpa-text:#1a1f36;
  --lgpa-text2:#4a5270;
  --lgpa-border:#e4e8f5;
  --lgpa-off:#f7f8fc;
  --lgpa-fh:'Nunito',sans-serif;
  --lgpa-r:18px;
  background:#fff;
}

.blog .ast-container,
.archive.category .ast-container{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  padding-left:40px !important;
  padding-right:40px !important;
  padding-bottom:80px !important;
}
@media(max-width:600px){
  .blog .ast-container,
  .archive.category .ast-container{
    padding-left:20px !important;
    padding-right:20px !important;
    padding-bottom:56px !important;
  }
}

/* ====== INTRO / PAGINAKOP ====== */
.lgpa-intro{
  grid-column:1 / -1;
  width:100%;
  text-align:center;
  max-width:680px;
  margin:8px auto 48px;
  padding:0 24px;
}
.lgpa-intro .lgpa-label{
  display:inline-block;
  font-family:var(--lgpa-fh);
  font-size:11px;
  font-weight:800;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:var(--lgpa-orange);
  margin-bottom:12px;
}
.lgpa-intro h1{
  font-family:var(--lgpa-fh);
  font-size:clamp(28px,4vw,46px);
  font-weight:900;
  letter-spacing:-1px;
  line-height:1.08;
  color:var(--lgpa-text);
  margin:0 0 14px;
}
.lgpa-intro h1 .accent{color:var(--lgpa-blue);}
.lgpa-intro p{
  font-size:17px;
  line-height:1.7;
  color:var(--lgpa-text2);
  margin:0;
}
.lgpa-intro .lgpa-rule{
  width:56px;height:4px;border-radius:2px;
  background:linear-gradient(90deg,var(--lgpa-blue),var(--lgpa-orange));
  margin:22px auto 0;
}

/* ====== GRID ====== */
.blog .ast-row,
.archive.category .ast-row{
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  margin:0 !important;
}
@media(max-width:921px){
  .blog .ast-row,.archive.category .ast-row{grid-template-columns:repeat(2,1fr);gap:24px;}
}
@media(max-width:600px){
  .blog .ast-row,.archive.category .ast-row{grid-template-columns:1fr;gap:22px;}
}

.blog .ast-article-post,
.archive.category .ast-article-post{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* ====== KAART ====== */
.blog .ast-article-post .ast-article-inner,
.archive.category .ast-article-post .ast-article-inner{
  height:100%;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1.5px solid var(--lgpa-border);
  border-radius:var(--lgpa-r);
  overflow:hidden;
  box-shadow:0 6px 22px rgba(26,92,255,.07);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  position:relative;
}
.blog .ast-article-post .ast-article-inner::before,
.archive.category .ast-article-post .ast-article-inner::before{
  content:"";
  position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--lgpa-blue),var(--lgpa-orange));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s ease;
  z-index:3;
}
.blog .ast-article-post .ast-article-inner:hover,
.archive.category .ast-article-post .ast-article-inner:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 44px rgba(26,92,255,.16);
  border-color:#d4e0ff;
}
.blog .ast-article-post .ast-article-inner:hover::before,
.archive.category .ast-article-post .ast-article-inner:hover::before{
  transform:scaleX(1);
}

/* ====== AFBEELDING ====== */
.blog .ast-blog-featured-section.post-thumb,
.archive.category .ast-blog-featured-section.post-thumb{
  margin:0 !important;
  position:relative;
}
.blog .post-thumb-img-content,
.archive.category .post-thumb-img-content{
  margin:0 !important;
  overflow:hidden;
  aspect-ratio:16/10;
}
.blog .post-thumb-img-content a,
.archive.category .post-thumb-img-content a{display:block;height:100%;}
.blog .post-thumb-img-content img,
.archive.category .post-thumb-img-content img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}
.blog .ast-article-inner:hover .post-thumb-img-content img,
.archive.category .ast-article-inner:hover .post-thumb-img-content img{
  transform:scale(1.06);
}

/* ====== CATEGORIE BADGE (oranje) ====== */
.blog .ast-taxonomy-container,
.archive.category .ast-taxonomy-container{
  position:absolute;
  top:14px;left:14px;
  margin:0 !important;
  z-index:2;
}
.blog .ast-taxonomy-container a,
.archive.category .ast-taxonomy-container a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1;
  background:var(--lgpa-orange);
  color:#fff !important;
  font-family:var(--lgpa-fh);
  font-size:11px;
  font-weight:800;
  letter-spacing:.3px;
  text-transform:uppercase;
  padding:6px 13px;
  border-radius:100px;
  text-decoration:none !important;
  box-shadow:0 4px 14px rgba(255,107,26,.35);
  transition:background .2s ease;
}
.blog .ast-taxonomy-container a:hover,
.archive.category .ast-taxonomy-container a:hover{
  background:#e55a0a;
}

/* ====== TEKST-BLOK ====== */
.blog .ast-article-inner .post-content,
.archive.category .ast-article-inner .post-content{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:0;
}
.blog .entry-header,
.archive.category .entry-header{
  padding:22px 24px 0;
  margin:0;
}
.blog .entry-title,
.archive.category .entry-title{
  font-family:var(--lgpa-fh) !important;
  font-size:19px !important;
  font-weight:900 !important;
  line-height:1.3 !important;
  letter-spacing:-.3px;
  margin:0 0 4px !important;
}
.blog .entry-title a,
.archive.category .entry-title a{
  color:var(--lgpa-navy) !important;
  text-decoration:none !important;
  transition:color .2s ease;
}
.blog .ast-article-inner:hover .entry-title a,
.archive.category .ast-article-inner:hover .entry-title a{
  color:var(--lgpa-blue) !important;
}

.blog .entry-meta,
.blog .ast-blog-meta-container,
.archive.category .entry-meta,
.archive.category .ast-blog-meta-container{
  padding:0 24px;
  font-family:var(--lgpa-fh);
  font-size:12.5px;
  color:#8890ad;
}
.blog .entry-meta a,
.archive.category .entry-meta a{color:#8890ad;text-decoration:none;}
.blog .entry-meta a:hover,
.archive.category .entry-meta a:hover{color:var(--lgpa-blue);}

.blog .ast-excerpt-container,
.archive.category .ast-excerpt-container{
  padding:10px 24px 0;
  font-size:14.5px;
  line-height:1.65;
  color:var(--lgpa-text2);
  flex:1;
}

/* ====== "LEES MEER" KNOP ====== */
.blog .ast-article-inner .read-more,
.archive.category .ast-article-inner .read-more{
  margin:18px 24px 24px;
}
.blog .ast-article-inner .read-more a,
.archive.category .ast-article-inner .read-more a,
.blog .read-more a,
.archive.category .read-more a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-family:var(--lgpa-fh);
  font-size:13.5px;
  font-weight:800;
  color:var(--lgpa-blue) !important;
  text-decoration:none !important;
  transition:gap .2s ease,color .2s ease;
}
.blog .ast-article-inner .read-more a::after,
.archive.category .ast-article-inner .read-more a::after{
  content:"\2192";
  transition:transform .2s ease;
}
.blog .ast-article-inner:hover .read-more a,
.archive.category .ast-article-inner:hover .read-more a{
  color:var(--lgpa-orange) !important;
}
.blog .ast-article-inner:hover .read-more a::after,
.archive.category .ast-article-inner:hover .read-more a::after{
  transform:translateX(4px);
}

/* ====== PAGINATIE ====== */
.blog .ast-pagination,
.archive.category .ast-pagination{margin-top:48px;}
.blog .ast-pagination .page-numbers,
.archive.category .ast-pagination .page-numbers{
  font-family:var(--lgpa-fh);
  font-weight:800;
  border-radius:10px;
  border:1.5px solid var(--lgpa-border);
  color:var(--lgpa-text2);
}
.blog .ast-pagination .page-numbers.current,
.archive.category .ast-pagination .page-numbers.current{
  background:var(--lgpa-blue);
  border-color:var(--lgpa-blue);
  color:#fff;
}

/* ==========================================================
   LGP BLOG ARCHIEF - aanvullingen v3
   afbeelding rond / filter / meta datum+leestijd / paginatie
   ========================================================== */

.blog .post-thumb-img-content,
.archive.category .post-thumb-img-content{
  border-top-left-radius:17px;
  border-top-right-radius:17px;
}

/* standaard meta (reacties / auteur / inline categorie) verbergen */
.blog .ast-article-inner .entry-meta,
.archive.category .ast-article-inner .entry-meta,
.blog .ast-article-inner .comments-link,
.archive.category .ast-article-inner .comments-link,
.blog .ast-article-inner .posted-by,
.archive.category .ast-article-inner .posted-by,
.blog .ast-article-inner .entry-header .ast-taxonomy-container,
.archive.category .ast-article-inner .entry-header .ast-taxonomy-container{
  display:none !important;
}
.blog .ast-article-inner .entry-header.ast-blog-meta-container,
.archive.category .ast-article-inner .entry-header.ast-blog-meta-container{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

/* eigen meta: datum + leestijd, links uitgelijnd */
.lgpa-meta{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  padding:0 24px;
  margin:10px 0 0;
  text-align:left;
}
.lgpa-meta-item{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:var(--lgpa-fh,'Nunito',sans-serif);
  font-size:12.5px;
  font-weight:700;
  color:#8890ad;
  line-height:1;
}
.lgpa-meta-item svg{
  width:15px;height:15px;
  color:var(--lgpa-orange,#ff6b1a);
  flex-shrink:0;
}
.blog .ast-article-inner .entry-header,
.archive.category .ast-article-inner .entry-header,
.blog .ast-article-inner .entry-title,
.archive.category .ast-article-inner .entry-title,
.blog .ast-article-inner .ast-excerpt-container,
.archive.category .ast-article-inner .ast-excerpt-container{
  text-align:left !important;
}

/* categorie-filter */
.lgpa-filter{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin:0 auto 40px;
  padding:0 24px;
  max-width:920px;
}
.lgpa-chip{
  display:inline-flex;
  align-items:center;
  font-family:var(--lgpa-fh,'Nunito',sans-serif);
  font-size:13.5px;
  font-weight:800;
  color:#46536e;
  background:#fff;
  border:1.5px solid #e4e8f5;
  border-radius:100px;
  padding:9px 18px;
  text-decoration:none !important;
  cursor:pointer;
  transition:all .2s ease;
  line-height:1;
}
.lgpa-chip:hover{
  border-color:#1a5cff;
  color:#1a5cff;
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(26,92,255,.12);
}
.lgpa-chip.is-active{
  background:#ff6b1a;
  border-color:#ff6b1a;
  color:#fff;
  box-shadow:0 6px 18px rgba(255,107,26,.32);
}
.lgpa-chip.is-active:hover{
  background:#e55a0a;
  border-color:#e55a0a;
  color:#fff;
  transform:translateY(-2px);
}

/* paginatie */
.blog .ast-pagination,
.archive.category .ast-pagination,
.blog nav.navigation,
.archive.category nav.navigation{
  grid-column:1 / -1;
  display:flex !important;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:48px 0 0 !important;
  padding:0 !important;
  border:none !important;
}
.blog .ast-pagination .page-numbers,
.archive.category .ast-pagination .page-numbers,
.blog nav.navigation .page-numbers,
.archive.category nav.navigation .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:44px;
  padding:0 14px;
  font-family:var(--lgpa-fh,'Nunito',sans-serif);
  font-weight:800;
  font-size:15px;
  color:#46536e;
  background:#fff;
  border:1.5px solid #e4e8f5 !important;
  border-radius:12px;
  text-decoration:none !important;
  transition:all .2s ease;
}
.blog .ast-pagination .page-numbers:hover,
.blog nav.navigation .page-numbers:hover{
  border-color:#1a5cff !important;
  color:#1a5cff;
  transform:translateY(-2px);
}
.blog .ast-pagination .page-numbers.current,
.blog nav.navigation .page-numbers.current{
  background:#1a5cff;
  border-color:#1a5cff !important;
  color:#fff;
}
.blog .ast-pagination .page-numbers.dots,
.blog nav.navigation .page-numbers.dots{
  border:none !important;
  background:transparent;
}



/* ===== LGP BLOG ARCHIEF — fixes (rounded image alle hoeken, uitlijning, categorie titel verbergen) ===== */
.blog .post-thumb-img-content,
.archive.category .post-thumb-img-content{
  border-radius:var(--lgpa-r) !important;
  overflow:hidden !important;
  margin:14px 14px 0 !important;
  aspect-ratio:16/10;
}
.blog .post-thumb-img-content img,
.archive.category .post-thumb-img-content img{
  border-radius:var(--lgpa-r) !important;
}
/* tekst netjes links uitgelijnd op gelijke marge (24px) */
.blog .entry-title,
.archive.category .entry-title{
  padding:0 24px !important;
  text-align:left !important;
}
.blog .entry-header,
.archive.category .entry-header{
  padding:0 !important;
  text-align:left !important;
}
.blog .ast-article-inner .entry-content,
.archive.category .ast-article-inner .entry-content,
.blog .ast-excerpt-container,
.archive.category .ast-excerpt-container,
.blog .lgpa-meta,
.archive.category .lgpa-meta{
  text-align:left !important;
}
/* categorie/archief paginatitel verbergen */
.archive.category .ast-archive-description,
.archive.category .page-title,
.archive.category .ast-archive-title,
.archive.category h1.page-title,
.archive .ast-archive-description{
  display:none !important;
}

/* badge netjes binnen de afbeelding (inset 14px + offset) */
.blog .ast-taxonomy-container,
.archive.category .ast-taxonomy-container{
  top:26px !important;
  left:26px !important;
}


/* ===== Dunne streep onder header verwijderen (blog/archief) ===== */
.blog .main-header-bar,
.archive .main-header-bar,
.blog .main-header-bar.ast-header-breadcrumb,
.archive .main-header-bar.ast-header-breadcrumb,
.blog #masthead .main-header-bar,
.archive #masthead .main-header-bar{
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* =====================================================
   BLOGARCHIEF v3 – aansluitende blokken, uitgelicht artikel,
   CTA-kaart, diensten en kennisbank-tekst
   ===================================================== */
:root{
  --lgpv-line:#e4e8f5; --lgpv-soft:#f7f8fc; --lgpv-blue:#1a5cff; --lgpv-navy:#142a4d;
  --lgpv-orange:#ff6b1a; --lgpv-text:#1a1f36; --lgpv-text2:#4a5270;
  --lgpv-r:18px; --lgpv-sh:0 6px 22px rgba(26,92,255,.07);
}
body.blog #content,
body.archive.category #content{padding-top:32px !important;}
@media(max-width:900px){
  body.blog #content,
  body.archive.category #content{padding-top:20px !important;}
}

.lgpv-block{grid-column:1/-1;margin:0 !important;border:1.5px solid var(--lgpv-line);border-radius:var(--lgpv-r);box-shadow:var(--lgpv-sh);position:relative;overflow:hidden;}

/* Hero + zoekbalk + filter als één blok */
.lgpv-hero{background:linear-gradient(135deg,#f3f7ff 0%,#fbfcff 55%,#fff6ef 100%);padding:52px 48px 0;text-align:center;}
.lgpv-hero .lgpa-intro{margin:0 auto !important;max-width:720px;padding:0 !important;}
.lgpv-search{display:flex;align-items:center;max-width:560px;margin:26px auto 0;background:#fff;border:1.5px solid var(--lgpv-line);border-radius:14px;padding:6px 6px 6px 16px;box-shadow:var(--lgpv-sh);}
.lgpv-search svg{color:#8a93ad;flex:0 0 auto;}
.lgpv-search input[type=search]{flex:1;min-width:0;border:0 !important;background:transparent !important;padding:10px 12px !important;font-size:16px;outline:none;box-shadow:none !important;}
.lgpv-search button{border:0;border-radius:10px;background:var(--lgpv-blue);color:#fff;font-weight:800;padding:11px 22px;cursor:pointer;font-family:'Nunito',sans-serif;}
.lgpv-search button:hover{background:#1246cc;}
.lgpv-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:20px;font-size:14px;color:var(--lgpv-text2);font-weight:600;}
.lgpv-trust span{display:inline-flex;align-items:center;gap:7px;}
.lgpv-trust svg{color:#16a34a;}
.lgpv-hero .lgpa-filter{max-width:none !important;width:auto !important;margin:36px -48px 0 !important;padding:18px 48px;border-top:1.5px solid var(--lgpv-line);background:rgba(255,255,255,.7);justify-content:center;}
.lgpv-count{display:inline-block;margin-left:6px;font-size:12px;opacity:.7;}

/* Uitgelicht (nieuwste) artikel */
.blog .lgpv-featured{grid-column:1/-1;}
.blog .lgpv-featured .post-content{display:grid !important;grid-template-columns:1.15fr 1fr;gap:0 40px;align-content:center;grid-auto-rows:min-content;}
.blog .lgpv-featured .ast-blog-featured-section{grid-row:1/span 7 !important;margin:0 !important;align-self:stretch;}
.blog .lgpv-featured .cat-links.ast-blog-single-element{grid-column:1;grid-row:1;top:14px;left:14px;}
.blog .lgpv-featured .post-thumb-img-content{aspect-ratio:auto !important;margin:0 !important;height:100%;}
.blog .lgpv-featured .post-thumb-img-content a{height:100%;}
.blog .lgpv-featured .post-thumb-img-content img{width:100% !important;height:100% !important;min-height:320px;max-height:380px;aspect-ratio:auto !important;object-fit:cover;border-radius:14px;}
.blog .lgpv-featured h2.entry-title{font-size:30px !important;line-height:1.2 !important;padding-left:0 !important;padding-right:0 !important;}
.blog .lgpv-featured h2.entry-title::before{content:"Nieuwste artikel";display:block;width:max-content;margin-bottom:12px;background:#eaf0ff;color:var(--lgpv-blue);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:8px;line-height:1.4;}
.blog .lgpv-featured .ast-excerpt-container{padding:12px 0 0 !important;font-size:17px;}
.blog .lgpv-featured .entry-content .lgpa-meta{padding-left:0 !important;padding-right:0 !important;}

/* Kaarten */
.blog article:not(.lgpv-featured) .ast-excerpt-container,
.archive.category article .ast-excerpt-container{display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.lgpv-more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:800;color:var(--lgpv-blue) !important;font-family:'Nunito',sans-serif;text-decoration:none !important;}
.lgpv-more svg{transition:transform .2s;}
.blog article:hover .lgpv-more svg,
.archive.category article:hover .lgpv-more svg{transform:translateX(4px);}
.blog article,.archive.category article{transition:transform .2s;}
.blog article:hover,.archive.category article:hover{transform:translateY(-4px);}

/* CTA-kaart (neemt één plek in het raster in) */
.lgpv-cta{background:linear-gradient(160deg,#142a4d 0%,#1a3f7a 100%);border-radius:var(--lgpv-r);box-shadow:var(--lgpv-sh);padding:34px 30px;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;overflow:hidden;}
.lgpv-cta::after{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.06);}
.lgpv-cta > *{position:relative;z-index:1;}
.lgpv-live{display:inline-flex;align-items:center;gap:8px;color:#9fe3b5;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;}
.lgpv-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.2);}
.lgpv-cta .lgpv-cta-title{color:#fff;font-size:24px;font-weight:800;margin:0 0 8px;font-family:'Nunito',sans-serif;line-height:1.25;}
.lgpv-cta p{color:#c9d3ea;margin:0 0 22px;font-size:15px;line-height:1.6;}
.lgpv-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:12px;font-weight:800;font-family:'Nunito',sans-serif;text-decoration:none !important;white-space:nowrap;}
.lgpv-btn + .lgpv-btn{margin-top:10px;}
.lgpv-btn.o{background:var(--lgpv-orange);color:#fff !important;}
.lgpv-btn.o:hover{background:#f25a05;}
.lgpv-btn.w{background:rgba(255,255,255,.08);color:#fff !important;border:1.5px solid rgba(255,255,255,.2);}
.lgpv-btn.w:hover{background:rgba(255,255,255,.14);}

/* Diensten-paneel */
.lgpv-sec{background:var(--lgpv-soft);padding:40px;}
.lgpv-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;}
.lgpv-sec h2{font-size:26px;margin:0 0 4px;font-family:'Nunito',sans-serif;color:var(--lgpv-text);}
.lgpv-sec-head p{color:var(--lgpv-text2);margin:0;}
.lgpv-sec-head a{font-weight:800;color:var(--lgpv-blue) !important;font-family:'Nunito',sans-serif;white-space:nowrap;display:inline-flex;gap:8px;align-items:center;text-decoration:none !important;}
.lgpv-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.lgpv-tile{display:block;background:#fff;border:1.5px solid var(--lgpv-line);border-radius:14px;padding:20px 18px;text-decoration:none !important;color:var(--lgpv-text) !important;font-weight:800;font-family:'Nunito',sans-serif;transition:.2s;}
.lgpv-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eaf0ff;color:var(--lgpv-blue);margin-bottom:14px;}
.lgpv-tile small{display:block;font-weight:600;color:#6b7390;font-family:'Inter',sans-serif;margin-top:4px;font-size:13px;}
.lgpv-tile:hover{border-color:var(--lgpv-blue);box-shadow:0 12px 30px -14px rgba(26,92,255,.4);transform:translateY(-2px);}

/* Kennisbank-tekst + FAQ in één blok */
.lgpv-seo{background:#fff;display:grid;grid-template-columns:1fr 1fr;}
.lgpv-seo > div{padding:36px 40px;}
.lgpv-seo > div + div{border-left:1.5px solid var(--lgpv-line);}
.lgpv-seo h2{font-size:22px;margin:0 0 12px;font-family:'Nunito',sans-serif;color:var(--lgpv-text);}
.lgpv-seo p{color:var(--lgpv-text2);font-size:15px;line-height:1.7;}
.lgpv-seo p:last-child{margin-bottom:0;}
.lgpv-seo a{color:var(--lgpv-blue);font-weight:600;}
.lgpv-seo details{border-top:1.5px solid var(--lgpv-line);padding:14px 0;}
.lgpv-seo details:last-child{padding-bottom:0;}
.lgpv-seo summary{font-weight:800;color:var(--lgpv-text);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;font-family:'Nunito',sans-serif;}
.lgpv-seo summary::-webkit-details-marker{display:none;}
.lgpv-seo summary::after{content:"+";color:var(--lgpv-blue);font-size:20px;line-height:1;}
.lgpv-seo details[open] summary::after{content:"\2212";}
.lgpv-seo details p{margin:8px 0 0;}

@media(max-width:900px){
  .lgpv-hero{padding:34px 20px 0;}
  .lgpv-hero .lgpa-filter{margin:28px -20px 0 !important;padding:14px 20px;flex-wrap:nowrap !important;overflow-x:auto;justify-content:flex-start !important;}
  .lgpv-hero .lgpa-chip{flex:0 0 auto;}
  .lgpv-search button{padding:11px 16px;}
  .blog .lgpv-featured .post-content{grid-template-columns:1fr;}
  .blog .lgpv-featured .ast-blog-featured-section{grid-row:auto !important;}
  .blog .lgpv-featured .post-thumb-img-content img{min-height:0;height:220px !important;}
  .blog .lgpv-featured h2.entry-title{font-size:22px !important;margin-top:16px;}
  .lgpv-sec{padding:28px 20px;}
  .lgpv-sec-head{flex-direction:column;align-items:flex-start;}
  .lgpv-tiles{grid-template-columns:1fr;gap:10px;}
  .lgpv-tile{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center;padding:14px 16px;}
  .lgpv-tile .lgpv-ico{grid-row:1/span 2;margin:0;}
  .lgpv-tile small{margin-top:0;}
  .lgpv-seo{grid-template-columns:1fr;}
  .lgpv-seo > div{padding:28px 22px;}
  .lgpv-seo > div + div{border-left:0;border-top:1.5px solid var(--lgpv-line);}
}


/* ==========================================================
   Homepage "Wat kunnen wij voor u doen?" – iconen op de foto
   (vervangt de grote lichte tegel met onzichtbaar wit icoon)
   ========================================================== */
.dienst-visual-content{display:flex;flex-direction:column;align-items:center;gap:14px}
.dienst-visual-content .big-icon.lgp-badge{--lgp-b:76px!important;width:76px!important;height:76px!important;border-radius:22px!important;font-size:34px!important;background:rgba(255,255,255,.96)!important;color:var(--blue,#1a5cff)!important;border:0!important;box-shadow:0 12px 32px rgba(0,20,80,.35)!important;filter:none!important;margin:0!important;text-shadow:none!important}
.dienst-visual.or .dienst-visual-content .big-icon.lgp-badge{color:var(--orange,#ff6b1a)!important}
.dienst-visual-content .big-icon .lgp-ic{color:inherit!important}
.dienst-visual-content span:not(.big-icon){display:inline-block;padding:8px 18px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.01em}
@media (max-width:768px){.dienst-visual-content .big-icon.lgp-badge{--lgp-b:64px!important;width:64px!important;height:64px!important;border-radius:18px!important;font-size:28px!important}}

/* SEO 2026-09: "Handige artikelen" op dienstpagina's + auteursbox onder blogartikelen */
.lgp-ha{background:var(--lgp-soft,#f3f7fd);padding:64px 20px;margin:0;clear:both}
.lgp-ha-in{max-width:1200px;margin:0 auto}
.lgp-ha-head{max-width:720px;margin:0 0 28px}
.lgp-ha-kicker{display:inline-block;font-family:var(--fh,inherit);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--lgp-blue,#2563eb);margin-bottom:8px}
.lgp-ha-h{font-family:var(--fh,inherit);font-size:clamp(26px,3.2vw,36px);line-height:1.15;font-weight:900;color:var(--lgp-navy,#142a4d);margin:0 0 10px}
.lgp-ha-sub{font-size:16px;line-height:1.6;color:var(--lgp-ink,#46536e);margin:0}
.lgp-ha-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.lgp-ha-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--lgp-line,#e4ebf6);border-radius:18px;overflow:hidden;text-decoration:none!important;color:inherit;box-shadow:0 6px 20px rgba(10,30,90,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.lgp-ha-card:hover,.lgp-ha-card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 34px rgba(10,30,90,.12);border-color:#c9d6f5}
.lgp-ha-media{display:block;aspect-ratio:16/10;overflow:hidden;background:#e8eefc}
.lgp-ha-media img.lgp-ha-img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;border-radius:0!important}
.lgp-ha-body{display:flex;flex-direction:column;gap:8px;padding:18px 18px 20px;flex:1}
.lgp-ha-cat{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--lgp-blue,#2563eb)}
.lgp-ha-title{font-family:var(--fh,inherit);font-size:17px;line-height:1.3;font-weight:800;color:var(--lgp-navy,#142a4d)}
.lgp-ha-exc{font-size:14px;line-height:1.55;color:var(--lgp-ink,#46536e)}
.lgp-ha-more{margin-top:auto;padding-top:6px;font-size:14px;font-weight:800;color:var(--lgp-blue,#2563eb)}
.lgp-ha-all{margin:26px 0 0;text-align:center}
.lgp-ha-all a{font-weight:800;color:var(--lgp-blue,#2563eb);text-decoration:none}
.lgp-ha-all a:hover{text-decoration:underline}
@media (max-width:1024px){.lgp-ha-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.lgp-ha{padding:44px 16px}.lgp-ha-grid{grid-template-columns:1fr;gap:14px}.lgp-ha-media{aspect-ratio:16/8}}

.lgp-vakteam{display:flex;gap:18px;align-items:flex-start;margin:40px 0 8px;padding:22px 24px;background:var(--lgp-soft,#f3f7fd);border:1px solid var(--lgp-line,#e4ebf6);border-radius:18px}
.lgp-vakteam-logo{flex:0 0 56px;width:56px;height:56px;border-radius:16px;background:var(--lgp-blue,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--fh,inherit);font-weight:900;font-size:19px;letter-spacing:.02em}
.lgp-vakteam-txt p{margin:0}
.lgp-vakteam .lgp-vakteam-name{font-family:var(--fh,inherit);font-weight:800;font-size:17px;color:var(--lgp-navy,#142a4d);margin-bottom:6px}
.lgp-vakteam .lgp-vakteam-bio{font-size:15px;line-height:1.6;color:var(--lgp-ink,#46536e);margin-bottom:8px}
.lgp-vakteam .lgp-vakteam-meta{font-size:14px;color:#6a7690}
.lgp-vakteam-meta a{font-weight:700;color:var(--lgp-blue,#2563eb)}
@media (max-width:560px){.lgp-vakteam{flex-direction:column;gap:12px;padding:18px}}

.lgp-ha .lgp-ha-in{max-width:1248px;padding:0 24px;box-sizing:border-box}
@media (max-width:560px){.lgp-ha .lgp-ha-in{padding:0 16px}}

/* SEO 2026-09 (2): kennisbank-blok op locatiepagina's */
.lgp-lk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lgp-lk-tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 44px 18px 18px;background:#fff;border:1px solid var(--lgp-line,#e4ebf6);border-radius:16px;text-decoration:none!important;color:inherit;box-shadow:0 4px 14px rgba(10,30,90,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.lgp-lk-tile:hover,.lgp-lk-tile:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,30,90,.1);border-color:#c9d6f5}
.lgp-lk-title{font-family:var(--fh,inherit);font-size:16px;line-height:1.35;font-weight:800;color:var(--lgp-navy,#142a4d)}
.lgp-lk-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-weight:800;color:var(--lgp-blue,#2563eb);font-size:18px}
@media (max-width:1024px){.lgp-lk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.lgp-lk-grid{grid-template-columns:1fr;gap:10px}}