/*
Theme Name: Paraconsulenten Child
Theme URI: https://paraconsulenten.be
Description: Child theme van Storefront voor paraconsulenten.be, met eigen branding en layout.
Author: Seriana
Template: storefront
Version: 1.1
Text Domain: paraconsulenten-child
*/

/* ==========================================================================
   Basis kleurvariabelen — palet op basis van het logo
   ========================================================================== */
:root {
  --pc-purple-dark:   #2A1A5E;  /* sterrennacht: header, nav, footer */
  --pc-purple-accent: #7C4DDB;  /* knoppen, links (logo-violet) */
  --pc-purple-hover:  #5F35B8;  /* hover-staat knoppen */
  --pc-purple-light:  #BEA0F2;  /* lichte accenten (logo-kristal) */
  --pc-purple-tint:   #F1EAFD;  /* heel licht: tags, zachte vlakjes */
  --pc-blue:          #3D8BFD;  /* secundair accent (logo-blauw) */
  --pc-gold:          #E8B23A;  /* credits/sterretjes (logo-goud) */
  --pc-white:         #ffffff;
  --pc-light-bg:      #F7F5FB;
  --pc-text:          #241436;
}

/* ==========================================================================
   Algemene basis
   ========================================================================== */
body {
    color: var(--pc-text);
}

a {
    color: var(--pc-purple-accent);
}

a:hover,
a:focus {
    color: var(--pc-purple-hover);
}

/* ==========================================================================
   Header
   ========================================================================== */
.site-header,
.storefront-primary-navigation {
    background-color: var(--pc-purple-dark);
}

.site-title a,
.site-description,
.main-navigation ul li a,
.site-header-cart .amount,
.site-header-cart a {
    color: var(--pc-white) !important;
}

.site-title a:hover,
.main-navigation ul li a:hover,
.site-header-cart a:hover {
    color: var(--pc-purple-light) !important;
}

/* Zoekveld in de header: wit veld, donkere tekst (leesbaar) */
.site-header .woocommerce-product-search input[type="search"] {
    background-color: var(--pc-white);
    color: var(--pc-text);
}

/* ==========================================================================
   Knoppen
   ========================================================================== */
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button {
    background-color: var(--pc-purple-accent);
    color: var(--pc-white);
    border: none;
    border-radius: 6px;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:hover {
    background-color: var(--pc-purple-hover);
    color: var(--pc-white);
}

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer {
    background-color: var(--pc-purple-dark);
    color: var(--pc-white);
}

.site-footer a,
.site-footer p {
    color: var(--pc-white) !important;
}

.site-footer a:hover {
    color: var(--pc-purple-light) !important;
}

/* ==========================================================================
   Vanaf hier verder uitbreiden met pagina-specifieke stijlen
   (consulent-cards, online/offline strip, dashboard, etc.)
   ========================================================================== */
/* ==========================================================================
   Homepage & Consulenten overzicht (Fase 1)
   ========================================================================== */

/* Hero */
.pc-hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:linear-gradient(135deg,var(--pc-purple-dark) 0%,#3a2470 60%,#4a2f8a 100%);color:var(--pc-white);padding:70px max(24px,calc(50vw - 500px));display:flex;gap:40px;align-items:center;flex-wrap:wrap;}
.pc-hero-left{flex:1 1 420px;min-width:280px;}
.pc-hero-titel{color:var(--pc-white);font-size:2.6rem;line-height:1.15;margin:0 0 18px;font-weight:800;}
.pc-hero-sub{color:rgba(255,255,255,.85);font-size:1.1rem;line-height:1.5;margin:0 0 28px;max-width:520px;}
.pc-hero-knoppen{display:flex;gap:14px;flex-wrap:wrap;}
.pc-hero-card{flex:0 1 360px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:28px 30px;}
.pc-hero-card-label{display:block;font-size:.8rem;letter-spacing:.12em;color:rgba(255,255,255,.6);margin-bottom:18px;font-weight:700;}
.pc-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;}
.pc-steps li{display:flex;align-items:center;gap:14px;color:var(--pc-white);font-size:1.02rem;line-height:1.35;}
.pc-steps li strong{white-space:nowrap;}
.pc-step-num{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--pc-purple-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;}

/* Knoppen */
.pc-btn{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.95rem;padding:12px 22px;border-radius:9px;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;}
.pc-btn--primary{background:var(--pc-purple-accent);color:var(--pc-white);}
.pc-btn--primary:hover{background:var(--pc-purple-hover);color:var(--pc-white);}
.pc-btn--ghost{background:transparent;color:var(--pc-white);border:1px solid rgba(255,255,255,.5);}
.pc-btn--ghost:hover{background:rgba(255,255,255,.1);color:var(--pc-white);}

/* Avatar-strip */
.pc-strip{display:flex;gap:16px;padding:22px max(24px,calc(50vw - 500px));background:var(--pc-white);border-bottom:1px solid var(--pc-purple-tint);overflow-x:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
.pc-strip-item{position:relative;flex-shrink:0;display:block;}
.pc-strip-item img{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block;border:2px solid var(--pc-purple-tint);}
.pc-strip-dot{position:absolute;bottom:2px;right:2px;width:13px;height:13px;border-radius:50%;border:2px solid var(--pc-white);}

/* Overzicht + filters */
.pc-overzicht-wrap{max-width:1000px;margin:40px auto 0;}
.pc-overzicht-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:24px;}
.pc-overzicht-titel{margin:0;font-size:1.6rem;color:var(--pc-white);font-weight:700;}
.pc-filters{display:flex;gap:8px;flex-wrap:wrap;}
.pc-filter{background:var(--pc-white);border:1px solid var(--pc-purple-tint);color:var(--pc-text);font-size:.85rem;font-weight:600;padding:7px 16px;border-radius:20px;cursor:pointer;transition:all .2s ease;}
.pc-filter:hover{border-color:var(--pc-purple-accent);}
.pc-filter.is-active{background:var(--pc-purple-accent);color:var(--pc-white);border-color:var(--pc-purple-accent);}

/* Grid */
.pc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
@media(max-width:820px){.pc-grid{grid-template-columns:1fr;}}

/* Kaart */
.pc-card{background:var(--pc-white);border:1px solid var(--pc-purple-tint);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 10px rgba(42,26,94,.05);transition:box-shadow .2s ease,transform .2s ease;}
.pc-card:hover{box-shadow:0 6px 20px rgba(42,26,94,.10);transform:translateY(-2px);}
.pc-card-top{display:flex;gap:16px;}
.pc-card-photo img{width:76px;height:76px;border-radius:12px;object-fit:cover;display:block;}
.pc-card-main{flex:1;min-width:0;}
.pc-card-headrow{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;}
.pc-card-name{font-size:1.2rem;font-weight:700;color:var(--pc-purple-dark);text-decoration:none;line-height:1.2;}
.pc-card-name:hover{color:var(--pc-purple-accent);}
.pc-badge{flex-shrink:0;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:20px;white-space:nowrap;}
.pc-badge--aanwezig{background:#e6f9ef;color:#1a9e5c;}
.pc-badge--bezet{background:#fdf0e0;color:#c77c1a;}
.pc-badge--offline{background:#eeeef1;color:#7a7d85;}
.pc-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;}
.pc-tag{background:var(--pc-purple-tint);color:var(--pc-purple-hover);font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:14px;white-space:nowrap;}
.pc-card-tagline{margin:0;color:var(--pc-text);opacity:.8;font-size:.9rem;line-height:1.45;}
.pc-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--pc-purple-tint);padding-top:14px;margin-top:auto;}
.pc-price{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:600;color:var(--pc-text);}
.pc-price-dot{width:11px;height:11px;border-radius:50%;background:var(--pc-gold);display:inline-block;}
.pc-card-actions{display:flex;align-items:center;gap:10px;}
.pc-btn--chat{background:var(--pc-purple-accent);color:var(--pc-white);padding:9px 18px;font-size:.88rem;}
.pc-btn--chat:hover{background:var(--pc-purple-hover);color:var(--pc-white);}
.pc-btn--uit{background:#eeeef1;color:#9aa0a6;padding:9px 18px;font-size:.88rem;cursor:default;}
.pc-btn--profiel{background:transparent;color:var(--pc-purple-hover);border:1px solid var(--pc-purple-tint);padding:8px 16px;font-size:.88rem;}
.pc-btn--profiel:hover{border-color:var(--pc-purple-accent);color:var(--pc-purple-accent);}

@media(max-width:600px){
  .pc-hero{padding:44px 24px;}
  .pc-hero-titel{font-size:2rem;}
  .pc-card-bottom{flex-direction:column;align-items:stretch;}
  .pc-card-actions{justify-content:space-between;}
}
/* Paginatitel verbergen op de homepage */
.home .entry-title,
.page-id-XXX .entry-title{display:none;}

/* Witruimte boven de hero op de homepage volledig wegwerken */
.home .entry-header{display:none !important;}
.home #content,
.home #content .col-full,
.home #primary,
.home .content-area,
.home .site-main,
.home article,
.home .entry-content{
    margin-top:0 !important;
    padding-top:0 !important;
}
.home #content > .col-full > .woocommerce:empty{display:none !important;}
/* Body-achtergrond op de homepage paars maken zodat er geen witte gaten doorschijnen */
.home,
.home #page,
.home #content,
.home .col-full{
    background: var(--pc-purple-dark) !important;
}
/* ==========================================================================
   Homepage — doorlopend verloop donker → licht met subtiele streepjes
   ========================================================================== */

/* Eén verloop over de hele homepage-body */
.home{
    background:
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,0.03) 0px,
            rgba(255,255,255,0.03) 1px,
            transparent 1px,
            transparent 11px
        ),
        linear-gradient(
            135deg,
            var(--pc-purple-dark) 0%,
            #3a2470 22%,
            #6a4bb0 48%,
            #b9a6e8 72%,
            var(--pc-light-bg) 100%
        ) !important;
    background-attachment: fixed !important;
}

/* Alle tussenlagen transparant maken zodat het body-verloop doorschijnt */
.home #page,
.home #content,
.home .col-full,
.home #primary,
.home .content-area,
.home .site-main,
.home article,
.home .entry-content{
    background: transparent !important;
}

/* De site-header (paarse menubalk) laten samensmelten met de top van het verloop */
.home #masthead,
.home .storefront-primary-navigation{
    background: transparent !important;
}

/* Hero: geen eigen achtergrond meer, hij zit nu in het doorlopende verloop */
.home .pc-hero{
    background: transparent !important;
}

/* De 'Hoe werkt het?'-kaart houdt zijn subtiele glasachtige vlak */
.home .pc-hero-card{
    background: rgba(255,255,255,0.10) !important;
    border:1px solid rgba(255,255,255,0.18);
}

/* Avatar-strip transparant, met lichte scheidingslijn i.p.v. wit vlak */
.home .pc-strip{
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

/* ==========================================================================
   Werkpagina's — sterrenbeelden, zon & mystieke symbolen (subtiel)
   ========================================================================== */
body:not(.home){
    background-color: var(--pc-light-bg) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'%3E%3Cg stroke='%237C4DDB' stroke-width='0.8' fill='none' opacity='0.11'%3E%3C!-- Grote Beer --%3E%3Cpolyline points='40,80 75,70 110,85 140,75 140,110 175,120 175,90'/%3E%3C!-- Orion --%3E%3Cpolyline points='430,60 450,100 470,60'/%3E%3Cpolyline points='445,95 455,95 465,95'/%3E%3Cpolyline points='450,100 445,150 465,150 450,100'/%3E%3C!-- Cassiopeia (W) --%3E%3Cpolyline points='250,420 280,450 310,420 340,450 370,420'/%3E%3C!-- Kleine driehoek-cluster --%3E%3Cpolyline points='500,380 540,400 510,440 500,380'/%3E%3C/g%3E%3Cg fill='%23E8B23A' opacity='0.16'%3E%3C!-- sterren op de constellatie-knopen --%3E%3Ccircle cx='40' cy='80' r='2'/%3E%3Ccircle cx='75' cy='70' r='1.8'/%3E%3Ccircle cx='110' cy='85' r='2'/%3E%3Ccircle cx='140' cy='75' r='1.8'/%3E%3Ccircle cx='140' cy='110' r='1.8'/%3E%3Ccircle cx='175' cy='120' r='2'/%3E%3Ccircle cx='175' cy='90' r='1.8'/%3E%3Ccircle cx='430' cy='60' r='1.8'/%3E%3Ccircle cx='450' cy='100' r='2.2'/%3E%3Ccircle cx='470' cy='60' r='1.8'/%3E%3Ccircle cx='445' cy='150' r='1.8'/%3E%3Ccircle cx='465' cy='150' r='1.8'/%3E%3Ccircle cx='250' cy='420' r='1.8'/%3E%3Ccircle cx='280' cy='450' r='2'/%3E%3Ccircle cx='310' cy='420' r='1.8'/%3E%3Ccircle cx='340' cy='450' r='2'/%3E%3Ccircle cx='370' cy='420' r='1.8'/%3E%3Ccircle cx='500' cy='380' r='1.8'/%3E%3Ccircle cx='540' cy='400' r='1.8'/%3E%3Ccircle cx='510' cy='440' r='1.8'/%3E%3C/g%3E%3Cg fill='%237C4DDB' opacity='0.10'%3E%3Ccircle cx='220' cy='120' r='1.4'/%3E%3Ccircle cx='320' cy='200' r='1.4'/%3E%3Ccircle cx='90' cy='300' r='1.4'/%3E%3Ccircle cx='420' cy='300' r='1.4'/%3E%3Ccircle cx='560' cy='180' r='1.4'/%3E%3Ccircle cx='160' cy='520' r='1.4'/%3E%3Ccircle cx='460' cy='540' r='1.4'/%3E%3C/g%3E%3C!-- Zon --%3E%3Cg transform='translate(300,300)' stroke='%23E8B23A' stroke-width='1.2' fill='none' opacity='0.14'%3E%3Ccircle cx='0' cy='0' r='16'/%3E%3Cg stroke-width='1'%3E%3Cline x1='0' y1='-24' x2='0' y2='-30'/%3E%3Cline x1='0' y1='24' x2='0' y2='30'/%3E%3Cline x1='-24' y1='0' x2='-30' y2='0'/%3E%3Cline x1='24' y1='0' x2='30' y2='0'/%3E%3Cline x1='17' y1='-17' x2='21' y2='-21'/%3E%3Cline x1='-17' y1='-17' x2='-21' y2='-21'/%3E%3Cline x1='17' y1='17' x2='21' y2='21'/%3E%3Cline x1='-17' y1='17' x2='-21' y2='21'/%3E%3C/g%3E%3C/g%3E%3C!-- Alziend oog in driehoek --%3E%3Cg transform='translate(120,430)' stroke='%237C4DDB' stroke-width='1' fill='none' opacity='0.12'%3E%3Cpolygon points='0,-20 20,15 -20,15'/%3E%3Cpath d='M -10 3 Q 0 -5 10 3 Q 0 11 -10 3 Z'/%3E%3Ccircle cx='0' cy='3' r='2.5' fill='%237C4DDB' stroke='none'/%3E%3C/g%3E%3C!-- Maansikkel --%3E%3Cg transform='translate(540,90)' fill='%23E8B23A' opacity='0.13'%3E%3Cpath d='M 0 0 A 14 14 0 1 0 10 24 A 11 11 0 1 1 0 0 Z'/%3E%3C/g%3E%3C!-- Pentagram-ster --%3E%3Cg transform='translate(240,270)' stroke='%23E8B23A' stroke-width='1' fill='none' opacity='0.12'%3E%3Cpolygon points='0,-14 4,-4 14,-4 6,3 9,13 0,7 -9,13 -6,3 -14,-4 -4,-4'/%3E%3C/g%3E%3C!-- Fonkelingen (plusjes) --%3E%3Cg stroke='%23E8B23A' stroke-width='0.8' opacity='0.13'%3E%3Cline x1='380' y1='200' x2='380' y2='214'/%3E%3Cline x1='373' y1='207' x2='387' y2='207'/%3E%3Cline x1='60' y1='200' x2='60' y2='212'/%3E%3Cline x1='54' y1='206' x2='66' y2='206'/%3E%3Cline x1='450' y1='470' x2='450' y2='484'/%3E%3Cline x1='443' y1='477' x2='457' y2='477'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: 600px 600px;
}

/* Content-wrappers transparant zodat het patroon doorschijnt */
body:not(.home) #page,
body:not(.home) #content,
body:not(.home) .col-full,
body:not(.home) #primary,
body:not(.home) .content-area,
body:not(.home) .site-main,
body:not(.home) article,
body:not(.home) .entry-content{
    background: transparent !important;
}

/* ==========================================================================
   Hoe het werkt-pagina
   ========================================================================== */
.hhw{max-width:900px;margin:0 auto;}
.hhw-intro{text-align:center;margin-bottom:50px;}
.hhw-titel{font-size:2.2rem;font-weight:800;color:var(--pc-purple-dark);margin:0 0 12px;}
.hhw-sub{font-size:1.15rem;color:var(--pc-text);opacity:.75;margin:0;}

/* Stappen */
.hhw-stappen{display:flex;flex-direction:column;gap:24px;margin-bottom:60px;}
.hhw-stap{display:flex;gap:22px;background:var(--pc-white);border:1px solid var(--pc-purple-tint);border-radius:14px;padding:28px 30px;box-shadow:0 2px 10px rgba(42,26,94,.05);}
.hhw-stap-num{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--pc-purple-accent);color:#fff;font-size:1.3rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
.hhw-stap-inhoud{flex:1;}
.hhw-stap-inhoud h2{font-size:1.3rem;color:var(--pc-purple-dark);margin:0 0 10px;font-weight:700;}
.hhw-stap-inhoud p{color:var(--pc-text);opacity:.85;line-height:1.55;margin:0 0 16px;}
.hhw-punten{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.hhw-punten li{position:relative;padding-left:26px;color:var(--pc-text);font-size:.95rem;}
.hhw-punten li::before{content:"✓";position:absolute;left:0;color:var(--pc-purple-accent);font-weight:700;}

/* Pakketten */
.hhw-pakketten{margin-bottom:60px;text-align:center;}
.hhw-sectie-titel{font-size:1.8rem;color:var(--pc-purple-dark);font-weight:700;margin:0 0 8px;}
.hhw-sectie-sub{color:var(--pc-text);opacity:.75;margin:0 0 32px;}
.hhw-pakketten-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left;}
@media(max-width:768px){.hhw-pakketten-grid{grid-template-columns:1fr;}}
.hhw-pakket{position:relative;background:var(--pc-white);border:1px solid var(--pc-purple-tint);border-radius:14px;padding:28px 26px;box-shadow:0 2px 10px rgba(42,26,94,.05);display:flex;flex-direction:column;}
.hhw-pakket--populair{border:2px solid var(--pc-purple-accent);box-shadow:0 8px 24px rgba(124,77,219,.18);}
.hhw-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--pc-gold);color:var(--pc-purple-dark);font-size:.75rem;font-weight:700;padding:5px 14px;border-radius:20px;white-space:nowrap;}
.hhw-pakket h3{font-size:1.25rem;color:var(--pc-purple-dark);margin:0 0 6px;font-weight:700;}
.hhw-pakket-prijs{font-size:2.2rem;font-weight:800;color:var(--pc-purple-accent);line-height:1;margin:6px 0;}
.hhw-pakket-credits{font-size:1rem;color:var(--pc-text);opacity:.8;margin-bottom:18px;}
.hhw-pakket-lijst{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:9px;flex:1;}
.hhw-pakket-lijst li{position:relative;padding-left:24px;font-size:.92rem;color:var(--pc-text);}
.hhw-pakket-lijst li::before{content:"✓";position:absolute;left:0;color:var(--pc-purple-accent);font-weight:700;}
.hhw-pakket .pc-btn{justify-content:center;}

/* FAQ */
.hhw-faq{max-width:700px;margin:0 auto;}
.hhw-faq .hhw-sectie-titel{text-align:center;margin-bottom:28px;}
.hhw-faq-item{background:var(--pc-white);border:1px solid var(--pc-purple-tint);border-radius:10px;margin-bottom:12px;overflow:hidden;}
.hhw-faq-vraag{width:100%;text-align:left;background:none;border:none;padding:18px 22px;font-size:1.02rem;font-weight:600;color:var(--pc-purple-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.hhw-faq-vraag:hover{background:var(--pc-purple-tint);color:var(--pc-purple-dark);}
.hhw-faq-icoon{flex-shrink:0;font-size:1.4rem;color:var(--pc-purple-accent);font-weight:400;}
.hhw-faq-antwoord{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.hhw-faq-antwoord p{padding:0 22px 20px;margin:0;color:var(--pc-text);opacity:.85;line-height:1.55;}
.hhw-faq-item.is-open .hhw-faq-antwoord{max-height:300px;}
/* 'Hoe het werkt' (pagina 16) — paginatitel en breadcrumb verbergen */
.page-id-16 .entry-title,
.page-id-16 .woocommerce-breadcrumb,
.page-id-16 .storefront-breadcrumb{
    display:none !important;
}
/* 'Hoe het werkt' (pagina 16) — wat ademruimte boven de content */
.page-id-16 .content-area{
    padding-top: 50px;
}

/* Consulenten (pagina 19) — titel/breadcrumb weg + ademruimte */
.page-id-19 .entry-title,
.page-id-19 .woocommerce-breadcrumb,
.page-id-19 .storefront-breadcrumb{
    display:none !important;
}
.page-id-19 .content-area{
    padding-top:50px;
}

/* Shortcode-kop 'Consulenten' leesbaar maken op de lichte achtergrond */
.page-id-19 .pc-overzicht-titel{
    color:var(--pc-purple-dark) !important;
}
/* ==========================================================================
   Over ons / Info-pagina
   ========================================================================== */
.ov{max-width:820px;margin:0 auto;}
.ov-intro{text-align:center;margin-bottom:44px;}
.ov-titel{font-size:2.2rem;font-weight:800;color:var(--pc-purple-dark);margin:0 0 12px;}
.ov-sub{font-size:1.12rem;color:var(--pc-text);opacity:.8;line-height:1.5;margin:0 auto;max-width:640px;}
.ov-blok{background:var(--pc-white);border:1px solid var(--pc-purple-tint);border-radius:14px;padding:30px 32px;margin-bottom:22px;box-shadow:0 2px 10px rgba(42,26,94,.05);}
.ov-blok h2{font-size:1.4rem;color:var(--pc-purple-dark);margin:0 0 14px;font-weight:700;}
.ov-blok p{color:var(--pc-text);opacity:.85;line-height:1.6;margin:0 0 14px;}
.ov-blok p:last-child{margin-bottom:0;}
.ov-blok .pc-btn{margin-top:6px;}
.ov-blok--soft{background:var(--pc-purple-tint);border-color:transparent;}

.ov-spec-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.ov-spec-lijst li{position:relative;padding-left:26px;color:var(--pc-text);line-height:1.5;font-size:.96rem;}
.ov-spec-lijst li::before{content:"✦";position:absolute;left:0;color:var(--pc-gold);font-weight:700;}
.ov-spec-lijst strong{color:var(--pc-purple-dark);}

.ov-punten{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.ov-punten li{position:relative;padding-left:26px;color:var(--pc-text);line-height:1.55;font-size:.96rem;}
.ov-punten li::before{content:"✓";position:absolute;left:0;color:var(--pc-purple-accent);font-weight:700;}
.ov-punten strong{color:var(--pc-purple-dark);}

.ov-faq{max-width:700px;margin:40px auto 0;}
.ov-sectie-titel{font-size:1.8rem;color:var(--pc-purple-dark);font-weight:700;text-align:center;margin:0 0 28px;}

/* ==========================================================================
   Credits-pagina
   ========================================================================== */
.cr{max-width:1000px;margin:0 auto;}
.cr-intro{text-align:center;margin-bottom:40px;}
.cr-titel{font-size:2.2rem;font-weight:800;color:var(--pc-purple-dark);margin:0 0 12px;}
.cr-sub{font-size:1.12rem;color:var(--pc-text);opacity:.8;line-height:1.5;max-width:640px;margin:0 auto;}

/* Drie stap-kaders */
.cr-uitleg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:56px;}
@media(max-width:768px){.cr-uitleg{grid-template-columns:1fr;}}
.cr-uitleg-item{background:var(--pc-white);border:1px solid var(--pc-purple-tint);border-radius:22px;padding:30px 26px;text-align:center;box-shadow:0 4px 16px rgba(42,26,94,.06);display:flex;flex-direction:column;align-items:center;gap:16px;}
.cr-uitleg-num{flex-shrink:0;width:54px;height:54px;border-radius:50%;background:var(--pc-purple-accent);color:#fff;font-weight:700;font-size:1.5rem;display:flex;align-items:center;justify-content:center;}
.cr-uitleg-item p{margin:0;color:var(--pc-text);opacity:.85;line-height:1.55;font-size:1rem;}
.cr-uitleg-item strong{color:var(--pc-purple-dark);}

/* WooCommerce-producten in huisstijl, rondere hoeken */
.cr-producten ul.products{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px;margin:0 !important;padding:0;list-style:none;}
.cr-producten ul.products::before,
.cr-producten ul.products::after{display:none !important;}
@media(max-width:768px){.cr-producten ul.products{grid-template-columns:1fr !important;}}
.cr-producten ul.products li.product{width:auto !important;margin:0 !important;float:none !important;clear:none !important;background:var(--pc-white);border:1px solid var(--pc-purple-tint);border-radius:22px;padding:26px;text-align:center;box-shadow:0 4px 16px rgba(42,26,94,.06);transition:box-shadow .2s ease,transform .2s ease;}
.cr-producten ul.products li.product:hover{box-shadow:0 8px 24px rgba(42,26,94,.12);transform:translateY(-3px);}
.cr-producten ul.products li.product img{border-radius:16px;margin-bottom:18px;}
.cr-producten ul.products li.product .woocommerce-loop-product__title{color:var(--pc-purple-dark);font-size:1.2rem;font-weight:700;padding:0 0 8px;}
.cr-producten ul.products li.product .price{color:var(--pc-purple-accent) !important;font-size:1.5rem;font-weight:800;display:block;margin-bottom:18px;}
.cr-producten ul.products li.product .button{background:var(--pc-purple-accent) !important;color:#fff !important;border-radius:12px !important;font-weight:600 !important;width:100%;padding:12px !important;}
.cr-producten ul.products li.product .button:hover{background:var(--pc-purple-hover) !important;}

/* Credits (pagina 21) — titel/breadcrumb weg + ademruimte */
.page-id-21 .entry-title,
.page-id-21 .woocommerce-breadcrumb,
.page-id-21 .storefront-breadcrumb{
    display:none !important;
}
.page-id-21 .content-area{
    padding-top:50px;
}
/* Credits — 'Andere diensten' tussenkop */
.cr-diensten-titel{text-align:center;margin:90px 0 28px;}
.cr-diensten-titel h2{font-size:1.8rem;color:var(--pc-purple-dark);font-weight:700;margin:0 0 8px;}
.cr-diensten-titel p{color:var(--pc-text);opacity:.75;margin:0;}
/* Consulenten-kop leesbaar maken op de Mijn account-pagina's */
.woocommerce-account .pc-overzicht-titel{
    color:var(--pc-purple-dark) !important;
}