/* =====================================================================
   Pleistergids skin — 'Kalk & Terracotta'
   Laag bovenop kobalt-gids.css: alleen layout/uitstraling, geen inhoud.
   Verwijder de enqueue in kobalt-gids-enqueue.php om terug te keren.
   ===================================================================== */
:root{
  --kg-blue:#A9481F; --kg-blue-hover:#8A3A17;
  --kg-blue-soft:rgba(169,72,31,.08); --kg-blue-line:rgba(169,72,31,.28);
  --kg-ink:#2A2522; --kg-ink-2:#4A423C; --kg-ink-3:#6B625A; --kg-ink-4:#948A80;
  --kg-surface:#F6F2EC; --kg-line:#E6DED3; --kg-line-2:#DDD2C4;
  --kg-star:#E8A13A;
  --kg-r-s:10px; --kg-r-m:12px; --kg-r-l:18px;
  --kg-sh-card:0 1px 2px rgba(60,40,20,.05),0 6px 18px rgba(60,40,20,.06);
  --kg-sh-hover:0 16px 36px rgba(60,40,20,.14);
  --kg-font-d:'Bricolage Grotesque',sans-serif;
  --pg-tex:url('/wp-content/uploads/2026/10/witte-pleistertextuur.webp');
  --pg-tex-dark:url('/wp-content/uploads/2026/10/leempleister-textuur.webp');
  --pg-cream:#FBF9F6;
}

body{background:#FFFFFF}
h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}
h1,h2{font-weight:700!important}
::selection{background:rgba(169,72,31,.18)}

/* ---- Header ---- */
.kg-header{background:rgba(255,255,255,.94);border-bottom-color:var(--kg-line)}
.kg-brand{font-weight:800}
.kg-brand::before{content:"";display:inline-block;width:32px;height:32px;margin-right:10px;vertical-align:middle;border-radius:9px;background:var(--kg-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M8 22 L20 10 L26 16 L14 28 Z' fill='none' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M20 10 L24 6' stroke='white' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat}

/* ---- Knoppen / chips ---- */
.kg-btn-primary:hover,.bb-business-directory .bb-business-directory-phone a:hover{box-shadow:0 8px 20px rgba(169,72,31,.25)}
.kg-btn-secondary:hover,.bb-business-directory .bb-business-directory-website a:hover{background:#F1EAE1;border-color:var(--kg-line-2)}
.kg-select:hover{border-color:var(--kg-line-2)}
.kg-tax a:hover{background:rgba(169,72,31,.12)}
.kg-chip{background:#fff;border-color:var(--kg-line-2)}
.kg-chip:hover{border-color:var(--kg-blue);color:var(--kg-blue)}

/* ---- Zoekbalk ---- */
.kg-search form,form.kg-search{border-radius:16px;box-shadow:0 12px 32px rgba(60,40,20,.10);border-color:#E0D6C9}
.kg-search button[type=submit]{border-radius:12px}

/* ---- Hero (homepage) ---- */
.pg-hero{background-image:linear-gradient(rgba(246,242,236,.88),rgba(246,242,236,.88)),var(--pg-tex);background-size:auto,520px}
.pg-hero-grid{display:flex;flex-wrap:wrap;align-items:center;gap:56px;width:100%}
.pg-hero-text{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.pg-hero-text h1,.pg-hero-text p{text-align:left!important}
.pg-hero-media{flex:1 1 380px;min-width:0;position:relative}
.pg-hero-media img{display:block;width:100%;height:clamp(280px,38vw,460px);object-fit:cover;border-radius:24px;box-shadow:0 24px 60px rgba(60,40,20,.18)}
@media(max-width:767px){.pg-hero-grid{gap:32px}.pg-hero-media img{border-radius:18px}}

/* ---- Soorten pleisterwerk (fotokaarten) ---- */
.pg-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;width:100%}
.pg-type{display:flex;flex-direction:column;background:#fff;border:1px solid var(--kg-line);border-radius:var(--kg-r-l);overflow:hidden;text-decoration:none;color:var(--kg-ink);box-shadow:var(--kg-sh-card);transition:transform .2s,box-shadow .2s,border-color .2s}
.pg-type:hover{transform:translateY(-3px);box-shadow:var(--kg-sh-hover);border-color:var(--kg-blue-line)}
.pg-type img{display:block;width:100%;height:200px;object-fit:cover}
.pg-type-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px}
.pg-type-body h3{margin:0;font-size:20px}
.pg-type-body p{margin:0;font-size:15px;color:var(--kg-ink-3);line-height:1.55}
.pg-type-body span{margin-top:4px;font-size:14px;font-weight:600;color:var(--kg-blue)}

/* ---- Categorie- en locatiekaarten ---- */
.kg-cat-card,.kg-loc-card{border-radius:var(--kg-r-l);box-shadow:var(--kg-sh-card)}
.kg-cat-card:hover,.kg-loc-card:hover{border-color:var(--kg-blue-line);box-shadow:var(--kg-sh-hover)}
.kg-cat-card .kg-cat-ic{background:var(--kg-blue);color:#fff;border-radius:12px}
.kg-loc-card::before{color:rgba(169,72,31,.08)}

/* ---- Getextureerde secties ---- */
.pg-tex{background-color:var(--kg-surface)!important;background-image:linear-gradient(rgba(246,242,236,.9),rgba(246,242,236,.9)),var(--pg-tex);background-size:auto,520px}

/* ---- Bedrijfskaarten ---- */
.bb-business-directory .bb-business-directory-item,.kg-result-card,.kg-side-card,.kg-filter-card{border-radius:var(--kg-r-l);border-color:var(--kg-line)}
.bb-business-directory .bbd-logo,.kg-logo,.kg-result-logo,.kg-detail-logo{background:var(--kg-blue)!important;color:#fff!important;border-radius:14px}
.kg-detail-hero{background-image:linear-gradient(rgba(246,242,236,.9),rgba(246,242,236,.9)),var(--pg-tex);background-size:auto,520px}

/* ---- USP-blokken ---- */
.kg-usp{background:var(--pg-cream);border:1px solid var(--kg-line);border-radius:var(--kg-r-l);padding:22px 22px 20px}

/* ---- CTA-band ---- */
.kg-cta{background-color:var(--kg-ink);background-image:linear-gradient(rgba(42,37,34,.86),rgba(42,37,34,.93)),var(--pg-tex-dark);background-size:cover;background-position:center;border-radius:28px}
.kg-cta::before{border-color:rgba(224,122,71,.28)}
.kg-cta .kg-btn-primary{background:#E07A47;color:#2A2522}
.kg-cta .kg-btn-primary:hover{background:#EA8C5C;color:#2A2522}

/* ---- Footer ---- */
#brxe-kgfsec{background:var(--kg-ink)!important;border-top:0!important;color:#CFC5BA}
#brxe-kgfsec .kg-brand{color:#F6F2EC}
#brxe-kgfsec .kg-brand span{color:#E07A47}
#brxe-kgfsec .brxe-text-basic{color:#B5AA9E!important}
#brxe-kgfsec .pg-credits{flex-basis:100%;font-size:12px;color:#948A80!important;margin-top:6px}

.pg-hero-media figcaption,.pg-hero-media .bricks-image-caption{display:none}

/* Locatiekaarten: compact, tekst linksonder (Bricks-block is kolom) */
.kg-loc-card{flex-direction:column;justify-content:flex-end;align-items:flex-start;aspect-ratio:auto;min-height:118px;background:#fff}
.kg-loc-card h3{font-size:19px}
.kg-loc-card::before{top:-10px;right:10px;font-size:96px}

/* Meer locaties: compacter */
.kg-grid-5{gap:12px}
.kg-loc-card{min-height:84px;padding:14px 16px}
.kg-loc-card h3{font-size:16.5px}
.kg-loc-card::before{font-size:64px;top:-6px;right:8px}
@media(max-width:767px){.kg-loc-card{min-height:72px;padding:12px 14px}.kg-loc-card h3{font-size:15px}}

/* ---- Blogposts ---- */
.pg-post-img img{display:block;width:100%;max-height:440px;object-fit:cover;border-radius:22px}
.pg-prose{font-size:18px;line-height:1.75;color:var(--kg-ink-2)}
.pg-prose>*+*{margin-top:1.1em}
.pg-prose h2{font-size:clamp(24px,2.8vw,30px);color:var(--kg-ink);margin-top:1.8em;line-height:1.2}
.pg-prose h3{font-size:21px;color:var(--kg-ink);margin-top:1.4em}
.pg-prose a{color:var(--kg-blue);text-decoration:underline;text-underline-offset:3px}
.pg-prose ul,.pg-prose ol{padding-left:1.3em}
.pg-prose li+li{margin-top:.4em}
.pg-prose strong{color:var(--kg-ink)}
.pg-prose table{width:100%;border-collapse:collapse;font-size:16px;background:#fff;border:1px solid var(--kg-line);border-radius:14px;overflow:hidden;display:block;overflow-x:auto}
.pg-prose th,.pg-prose td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--kg-line)}
.pg-prose th{background:var(--kg-surface);color:var(--kg-ink);font-weight:600}
.pg-prose blockquote,.pg-prose .pg-tip{background:var(--kg-blue-soft);border-radius:14px;padding:18px 22px;margin-left:0;color:var(--kg-ink)}
.pg-prose .pg-note{font-size:14.5px;color:var(--kg-ink-3)}