/*
Theme Name: PremiumPC
Theme URI: https://www.premiumpc.nl
Description: Huisstijl van Premium PC (wit, blauw, oranje) op basis van Kadence. Zet bij activeren logo, kleuren, lettertypes, menu en pagina's klaar.
Author: Premium PC
Template: kadence
Version: 1.1.6
Text Domain: premiumpc
*/

/* ---------- Lettertypes (in het thema zelf, geen verbinding met Google nodig) ---------- */
@font-face{font-family:"Figtree";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/figtree-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/figtree-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/figtree-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Sora";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/sora-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Sora";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/sora-latin-700-normal.woff2) format("woff2")}

:root{
	--ppc-blauw:#0072A8;      /* knoppen en links (donkerder logoblauw, goed leesbaar) */
	--ppc-blauw-hover:#005B87;
	--ppc-logoblauw:#008CC8;  /* exact logoblauw: accenten */
	--ppc-oranje:#F08C00;     /* exact logo-oranje: accenten, nooit als tekst op wit */
	--ppc-tekst:#17202E;
	--ppc-grijs:#5B6778;
	--ppc-lijn:#E3E9F2;
	--ppc-licht:#F5F8FD;
	--ppc-donker:#0F1A2B;
}

/* ---------- Bovenbalk ---------- */
.ppc-topbar{background:var(--ppc-donker);color:#C9D3E2;font-size:14px}
.ppc-topbar-in{max-width:var(--global-content-width,1200px);margin:0 auto;padding:7px var(--global-content-edge-padding,1.5rem);display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;justify-content:space-between}
.ppc-topbar a{color:#fff;text-decoration:none;font-weight:600}
.ppc-topbar a:hover{text-decoration:underline}
.ppc-topbar-links,.ppc-topbar-rechts{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.ppc-topbar .ppc-nu-open{color:#fff}
.ppc-topbar .ppc-nu-open .ppc-stip{background:#9aa4b2}
.ppc-topbar .ppc-nu-open.is-open .ppc-stip{background:#2ECC71}
@media (max-width:767px){.ppc-topbar-adres{display:none}.ppc-topbar{font-size:13px}}

/* ---------- Header ---------- */
#masthead .site-main-header-wrap{border-bottom:1px solid var(--ppc-lijn)}
.main-navigation .primary-menu-container>ul>li.menu-item>a{font-weight:600}
.main-navigation .primary-menu-container>ul>li.current-menu-item>a,
.main-navigation .primary-menu-container>ul>li.current-menu-ancestor>a,
.main-navigation .primary-menu-container>ul>li.current_page_parent>a{box-shadow:inset 0 -2px 0 var(--ppc-oranje)}
.ppc-zoek{display:flex;align-items:center;gap:6px;border:1.5px solid #D5DDE8;border-radius:999px;padding:4px 4px 4px 16px;min-width:240px;background:#fff}
.ppc-zoek:focus-within{border-color:var(--ppc-blauw)}
.ppc-zoek input[type=search]{border:0!important;outline:0;box-shadow:none!important;padding:6px 0!important;font:inherit;font-size:15px;flex:1;min-width:0;background:transparent}
.ppc-zoek button{border:0;background:var(--ppc-blauw);color:#fff;width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex:0 0 36px}
.ppc-zoek button:hover{background:var(--ppc-blauw-hover)}
.ppc-zoek .ppc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mobile-html-inner .ppc-zoek,.ppc-zoek.is-mobiel{min-width:0;width:100%}

/* ---------- Algemeen ---------- */
body{-webkit-font-smoothing:antialiased}
h1,h2,h3{letter-spacing:-.02em}
.wp-block-button__link,.button,button.button{border-radius:999px!important;font-weight:700}
.wp-block-button.is-style-outline .wp-block-button__link{border:2px solid var(--ppc-blauw);color:var(--ppc-blauw);background:transparent}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--ppc-blauw);color:#fff}

/* Secties op de pagina's: volle breedte achtergrond, inhoud gecentreerd */
.ppc-sectie{padding:clamp(40px,6vw,80px) var(--global-content-edge-padding,1.5rem)!important;margin-top:0!important;margin-bottom:0!important}
.ppc-sectie>*{max-width:var(--global-content-width,1200px);margin-left:auto!important;margin-right:auto!important}
.ppc-sectie.is-compact{padding-top:0!important;padding-bottom:clamp(32px,4vw,56px)!important}
.ppc-sectie.ppc-hero-sectie{padding-top:clamp(32px,5vw,64px)!important}
.ppc-usps{align-items:stretch!important}
.ppc-usps>.wp-block-column{align-self:stretch!important}
.ppc-usps .ppc-usp{height:100%;box-sizing:border-box}
.ppc-sectie.is-licht{background:var(--ppc-licht)}
.ppc-sectie.is-donker{background:var(--ppc-donker);color:#C9D3E2}
.ppc-sectie.is-donker h2,.ppc-sectie.is-donker h3{color:#fff}
.ppc-kicker{display:inline-block;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ppc-blauw);margin-bottom:10px!important}
.ppc-kicker::before{content:"";display:inline-block;width:22px;height:3px;background:var(--ppc-oranje);border-radius:2px;vertical-align:middle;margin-right:10px}
.ppc-hero h1{font-size:clamp(34px,4.6vw,54px);line-height:1.08;margin-top:0!important;margin-bottom:14px}
.ppc-sectie h2.wp-block-heading{margin-top:0}
.ppc-kicker+.wp-block-heading{margin-top:0!important}
.ppc-hero h1 .ppc-accent{color:var(--ppc-blauw);display:block}
.ppc-hero .ppc-lead{font-size:clamp(17px,1.6vw,20px);color:#3E4A5C;max-width:560px}
.ppc-foto img{border-radius:20px;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;box-shadow:0 18px 48px rgba(15,26,43,.12)}
.ppc-lead{font-size:18px;color:#3E4A5C}

/* USP-balk */
.ppc-usps{gap:16px!important}
.ppc-usp{border:1px solid var(--ppc-lijn);border-radius:16px;padding:18px 20px!important;background:#fff}
.ppc-usp h3{font-size:17px;margin:0 0 4px!important;font-family:var(--global-heading-font-family)}
.ppc-usp h3::before{content:"";display:block;width:28px;height:4px;border-radius:3px;background:var(--ppc-oranje);margin-bottom:12px}
.ppc-usp p{margin:0;color:var(--ppc-grijs);font-size:15px}

/* Kop met link rechts */
.ppc-kop{align-items:flex-end!important;margin-bottom:22px!important}
.ppc-kop h2{margin:0!important}
.ppc-kop p{margin:4px 0 0!important;color:var(--ppc-grijs)}
.ppc-kop .ppc-meer{text-align:right}
.ppc-kop .ppc-meer a{font-weight:700;text-decoration:none}
@media (max-width:781px){.ppc-kop .ppc-meer{text-align:left}}

/* Reparatie-stappen */
.ppc-stappen{list-style:none;padding:0!important;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px;counter-reset:stap}
.ppc-stappen li{background:#fff;border:1px solid var(--ppc-lijn);border-radius:16px;padding:16px 18px;counter-increment:stap;color:var(--ppc-grijs);font-size:15px}
.ppc-stappen li::before{content:"Stap " counter(stap);display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ppc-oranje);margin-bottom:4px;filter:brightness(.85)}
.ppc-stappen li strong{display:block;color:var(--ppc-tekst);font-size:17px;margin-bottom:2px}

/* Game-pc banner */
.ppc-game{border-radius:24px;overflow:hidden}
.ppc-game .wp-block-cover__inner-container{max-width:640px}

/* Contact / kom langs */
.ppc-contactlijst{list-style:none;padding:0!important;margin:0 0 18px}
.ppc-contactlijst li{padding:6px 0;border-bottom:1px solid var(--ppc-lijn)}
.ppc-kaart{display:block;border-radius:20px;overflow:hidden;border:1px solid var(--ppc-lijn)}

/* ---------- Producten (WooCommerce) ---------- */
.woocommerce ul.products li.product,.wc-block-grid__product{border:1px solid var(--ppc-lijn);border-radius:16px;padding:14px!important;background:#fff;transition:box-shadow .15s,border-color .15s}
.woocommerce ul.products li.product:hover{border-color:var(--ppc-logoblauw);box-shadow:0 8px 24px rgba(15,26,43,.08)}
.woocommerce ul.products li.product a img{border-radius:12px;background:var(--ppc-licht)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px;font-weight:600;line-height:1.35}
.woocommerce ul.products li.product .price{font-family:var(--global-heading-font-family);font-weight:700;font-size:19px;color:var(--ppc-donker)}
.woocommerce ul.products li.product .product-action-wrap,.woocommerce ul.products li.product .button{display:none}
.ppc-cats{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))!important}
@media (max-width:781px){
	.ppc-usps{flex-wrap:wrap!important;gap:12px!important}
	.wp-block-columns.ppc-usps:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:calc(50% - 6px)!important;flex-grow:0!important}
	.ppc-usp{padding:14px!important}
	.ppc-usp p{font-size:14px}
}
@media (max-width:767px){
	.woocommerce ul.products,.woocommerce ul.products.columns-4,.woocommerce ul.products.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
	.woocommerce ul.products li.product{padding:10px!important}
	.woocommerce ul.products li.product .price{font-size:16px}
	.ppc-cats{gap:12px!important}
	.ppc-cat{padding:10px}
}
.ppc-alleen-winkel{background:var(--ppc-licht);border-left:4px solid var(--ppc-oranje);padding:12px 16px;border-radius:0 12px 12px 0;font-weight:600}

/* ---------- Footer ---------- */
.ppc-footer{background:var(--ppc-donker);color:#C9D3E2;font-size:15px}
.ppc-footer a{color:#fff;text-decoration:none}
.ppc-footer a:hover{text-decoration:underline}
.ppc-footer-in{max-width:var(--global-content-width,1200px);margin:0 auto;padding:48px var(--global-content-edge-padding,1.5rem) 28px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:32px}
.ppc-footer h2{font-size:15px;color:#fff;margin:0 0 12px;font-family:var(--global-heading-font-family);letter-spacing:0}
.ppc-footer ul{list-style:none;margin:0;padding:0}
.ppc-footer li{padding:3px 0}
.ppc-footer-logo{background:#fff;border-radius:12px;padding:10px 14px;display:inline-block;margin-bottom:14px}
.ppc-footer-logo img{width:190px;height:auto;display:block}
.ppc-footer .ppc-tijden th,.ppc-footer .ppc-tijden td{border-color:rgba(255,255,255,.12);padding:4px 0}
.ppc-footer .ppc-tijden tr.vandaag th,.ppc-footer .ppc-tijden tr.vandaag td{color:#fff}
.ppc-footer-onder{border-top:1px solid rgba(255,255,255,.12)}
.ppc-footer-onder div{max-width:var(--global-content-width,1200px);margin:0 auto;padding:16px var(--global-content-edge-padding,1.5rem);font-size:13px;color:#9AA6B8}
@media (max-width:900px){.ppc-footer-in{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ppc-footer-in{grid-template-columns:1fr}}

/* Losse grote foto (bijv. gevel op Contact) niet schermvullend */
.ppc-sectie>.wp-block-image.ppc-foto{max-width:900px}
.ppc-leeg{color:var(--ppc-grijs);background:#fff;border:1px dashed var(--ppc-lijn);border-radius:12px;padding:16px 18px}

/* =====================================================================
   NIEUWE HOMEPAGE (1.1.0) — "twee deuren": gaming links, de rest rechts.
   Alles hieronder heeft een eigen naam (ppc-nh-…) en raakt de oude
   homepage en de andere pagina's niet.
   ===================================================================== */
html:has(.ppc-nh-deuren){scroll-behavior:smooth}
.ppc-nh-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:0!important;padding:0!important}

/* Secties */
.ppc-nh-sectie{margin-top:0!important;margin-bottom:0!important;padding:clamp(56px,7vw,104px) var(--global-content-edge-padding,1.5rem)!important;position:relative}
.ppc-nh-sectie>*{max-width:1240px;margin-left:auto!important;margin-right:auto!important}
.ppc-nh-donker{background:var(--ppc-donker);color:#B7C4D6}
.ppc-nh-donker h2,.ppc-nh-donker h3{color:#fff}
.ppc-nh-donker a:not(.wp-block-button__link):not(.ppc-nh-pc){color:#5CC0EE}
.ppc-nh-sectie h2.wp-block-heading{font-size:clamp(28px,2.6vw,44px);line-height:1.08;letter-spacing:-.03em;margin-top:0;text-wrap:balance}
.ppc-nh-kicker{font-family:var(--global-heading-font-family);font-size:12px!important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ppc-oranje);display:flex;align-items:center;gap:12px;margin:0 0 12px!important}
.ppc-nh-kicker::before{content:"";width:32px;height:2px;background:currentColor;flex:none}
.ppc-nh-blauw{color:var(--ppc-blauw)}
.ppc-nh-donker .ppc-kop p,.ppc-nh-donker .ppc-lead{color:#B7C4D6}
.ppc-nh-donker .ppc-kop .ppc-meer a{color:#5CC0EE}
.ppc-nh-donker .wp-block-button.is-style-outline .wp-block-button__link{border-color:rgba(255,255,255,.45);color:#fff;background:transparent}
.ppc-nh-donker .wp-block-button.is-style-outline .wp-block-button__link:hover{background:#fff;color:var(--ppc-donker);border-color:#fff}

/* ---------- Het eerste scherm: twee deuren ---------- */
.ppc-nh-deuren{display:flex;flex-wrap:wrap;min-height:clamp(600px,calc(100vh - 120px),780px);margin:0!important;padding:0!important;background:#fff;overflow:hidden}
.ppc-nh-deur{flex:1 1 560px;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0!important;position:relative}
.ppc-nh-deur.is-game{background:radial-gradient(ellipse 70% 60% at 78% 55%,rgba(0,140,200,.30),rgba(0,140,200,0) 70%),var(--ppc-donker);color:#B7C4D6;clip-path:polygon(0 0,100% 0,calc(100% - 96px) 100%,0 100%);padding:56px clamp(120px,8vw,180px) 56px clamp(24px,6vw,120px)!important;z-index:1}
.ppc-nh-deur.is-thuis{margin-left:-96px!important;padding:56px clamp(24px,6vw,120px) 56px clamp(128px,9vw,190px)!important}
/* Kadence zet om elke groep nog een extra vak (wp-block-group__inner-container).
   Hier doet dat vak niet mee, zodat de twee deuren echt naast elkaar staan. */
.ppc-nh-deuren>.wp-block-group__inner-container,
.ppc-nh-deur>.wp-block-group__inner-container,
.ppc-nh-deur-in>.wp-block-group__inner-container{display:contents}
.ppc-nh-deur-in{position:relative;z-index:2;max-width:420px;margin:0!important}
.ppc-nh-deur.is-thuis .ppc-nh-deur-in{max-width:600px}
.ppc-nh-deur-in>*,.ppc-nh-deur-in>.wp-block-group__inner-container>*{margin-top:0!important;margin-bottom:0!important}
.ppc-nh-deur-in>*+*,.ppc-nh-deur-in>.wp-block-group__inner-container>*+*{margin-top:20px!important}
.ppc-nh-deur h2.wp-block-heading{font-size:clamp(30px,2.3vw,44px);line-height:1.06;letter-spacing:-.03em;text-wrap:balance;overflow-wrap:normal;hyphens:none}
.ppc-nh-deur.is-game h2{color:#fff}
.ppc-nh-deur.is-game .ppc-nh-accent{color:var(--ppc-logoblauw)}
.ppc-nh-deur.is-thuis .ppc-nh-accent{color:var(--ppc-blauw)}
.ppc-nh-deur.is-thuis .ppc-nh-kicker{color:var(--ppc-blauw)}
.ppc-nh-deur .ppc-nh-lead{font-size:clamp(17px,1.3vw,19px);max-width:36ch}
.ppc-nh-deur.is-game .ppc-nh-lead{color:#B7C4D6}
.ppc-nh-deur.is-thuis .ppc-nh-lead{color:#3E4A5C}
.ppc-nh-deur-foto{position:absolute!important;top:50%;right:clamp(8px,1.5vw,32px);width:clamp(230px,18vw,420px);transform:translateY(-50%);margin:0!important;z-index:1;pointer-events:none}
.ppc-nh-deur-foto img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:24px;-webkit-mask-image:radial-gradient(closest-side,#000 66%,transparent 100%);mask-image:radial-gradient(closest-side,#000 66%,transparent 100%)}
.ppc-nh-chips{display:flex;flex-wrap:wrap;gap:10px}
.ppc-nh-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.25);color:#fff!important;font-weight:600;text-decoration:none}
.ppc-nh-chips a:hover{border-color:var(--ppc-logoblauw);background:rgba(0,140,200,.15)}
/* Categorieën in de witte deur: compacte tegels, maximaal 4 */
.ppc-nh-deur .ppc-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;max-width:560px}
.ppc-nh-deur .ppc-cat{flex-direction:row;align-items:center;gap:14px;padding:10px 16px 10px 10px;border-radius:14px;background:var(--ppc-licht);border-color:transparent}
.ppc-nh-deur .ppc-cat:hover{transform:none}
.ppc-nh-deur .ppc-cat-img{width:60px;height:60px;flex:none;margin:0;border-radius:10px;background:#fff}
.ppc-nh-deur .ppc-cat-naam{font-family:var(--global-heading-font-family);font-size:15px}
.ppc-nh-deur .ppc-cat-tekst,.ppc-nh-deur .ppc-cat-link{display:none}
.ppc-nh-deur .ppc-cat:nth-child(n+5){display:none}
.ppc-nh-replink a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:#FFF1DC;color:var(--ppc-tekst)!important;font-weight:700;text-decoration:none}
.ppc-nh-replink a:hover{background:#FFE6C2}
/* Brede schermen: grotere foto en kop. Smallere schermen: de foto past niet meer naast de tekst. */
@media (min-width:1600px){.ppc-nh-deur-foto{width:clamp(300px,22vw,420px)}}
@media (max-width:1299px){.ppc-nh-deur-foto{display:none}.ppc-nh-deur-in,.ppc-nh-deur.is-game .ppc-nh-deur-in{max-width:520px}}

/* ---------- Game-pc-kaarten ([ppc_gamepcs]) ---------- */
.ppc-nh-pcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px}
.ppc-nh-pc{display:flex;flex-direction:column;gap:8px;padding:14px 14px 20px;border-radius:20px;background:#16243A;border:1px solid rgba(255,255,255,.08);color:#fff!important;text-decoration:none!important;transition:border-color .15s,transform .15s}
.ppc-nh-pc:hover{border-color:var(--ppc-logoblauw);transform:translateY(-2px)}
.ppc-nh-pc-foto{display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#1C2D46;margin-bottom:6px}
.ppc-nh-pc-foto img{width:100%;height:100%;object-fit:cover;display:block}
.ppc-nh-pc-label{font-family:var(--global-heading-font-family);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5CC0EE}
.ppc-nh-pc-naam{font-weight:700;font-size:16px;line-height:1.35;color:#fff}
.ppc-nh-pc-specs{font-size:14px;color:#B7C4D6;line-height:1.4}
.ppc-nh-pc-prijs{margin-top:auto;padding-top:6px;font-family:var(--global-heading-font-family);font-weight:700;font-size:21px;color:#fff}
.ppc-nh-pc-prijs del{opacity:.6;font-size:.72em;margin-right:6px}
.ppc-nh-pc-prijs ins{text-decoration:none}
.ppc-nh-pc .ppc-vanaf{color:#B7C4D6}
.ppc-nh-pcs.is-builders .ppc-nh-pc{min-height:190px;padding:26px;gap:10px}
.ppc-nh-pcs.is-builders .ppc-nh-pc-naam{font-family:var(--global-heading-font-family);font-size:clamp(20px,1.7vw,26px);line-height:1.15}
.ppc-nh-donker .ppc-leeg{background:transparent;color:#B7C4D6;border-color:rgba(255,255,255,.2)}
.ppc-nh-sub{margin-top:clamp(56px,7vw,96px)!important}

/* ---------- Blok "online bestellen, lokaal gebouwd" ---------- */
.ppc-nh-blok{background:#13213A;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:clamp(24px,4vw,56px)!important;margin-top:clamp(56px,7vw,96px)!important;gap:48px!important}
.ppc-nh-foto img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px;display:block}
.ppc-nh-vinkjes{list-style:none;padding:0!important;margin:0;display:grid;gap:14px}
.ppc-nh-vinkjes li{position:relative;padding-left:42px;color:#B7C4D6}
.ppc-nh-vinkjes li::before{content:"";position:absolute;left:0;top:1px;width:28px;height:28px;border-radius:8px;background:var(--ppc-logoblauw) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F1A2B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/15px no-repeat}
.ppc-nh-vinkjes strong{color:#fff}

/* ---------- Witte deel (thuis en kantoor), met de schuine lijn ---------- */
.ppc-nh-sectie.ppc-nh-gaming{padding-bottom:calc(56px + clamp(56px,7vw,104px))!important}
.ppc-nh-sectie.ppc-nh-winkel{background:#fff;margin-top:-56px!important;clip-path:polygon(0 56px,100% 0,100% 100%,0 100%);padding-top:calc(56px + clamp(56px,7vw,96px))!important}
.ppc-nh-winkel .ppc-usp{border:0;border-top:3px solid var(--ppc-tekst);border-radius:0;padding:16px 0 0!important;background:none}
.ppc-nh-winkel .ppc-usp h3::before{display:none}
.ppc-nh-winkel .ppc-usps{margin-bottom:clamp(48px,6vw,80px)!important}
.ppc-nh-alleen-mobiel{display:none}

/* ---------- Oranje reparatieband ---------- */
.ppc-nh-oranje{background:var(--ppc-oranje);color:var(--ppc-donker)}
.ppc-nh-oranje h2,.ppc-nh-oranje .ppc-nh-kicker,.ppc-nh-oranje .ppc-lead{color:var(--ppc-donker)!important}
.ppc-nh-oranje .wp-block-button__link{background:var(--ppc-donker)!important;color:#fff!important;border-color:var(--ppc-donker)!important}
.ppc-nh-oranje .wp-block-button.is-style-outline .wp-block-button__link{background:transparent!important;color:var(--ppc-donker)!important;border:2px solid var(--ppc-donker)!important}
.ppc-nh-oranje .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--ppc-donker)!important;color:#fff!important}
.ppc-nh-oranje .ppc-stappen{margin-top:40px!important;gap:24px}
.ppc-nh-oranje .ppc-stappen li{background:transparent;border:0;border-top:3px solid var(--ppc-donker);border-radius:0;padding:16px 0 0;color:var(--ppc-donker)}
.ppc-nh-oranje .ppc-stappen li::before{content:"0" counter(stap);font-family:var(--global-heading-font-family);font-size:38px;line-height:1;letter-spacing:0;text-transform:none;color:var(--ppc-donker);filter:none;margin-bottom:10px}
.ppc-nh-oranje .ppc-stappen li strong{color:var(--ppc-donker)}

/* ---------- Kom langs (donker) ---------- */
.ppc-nh-donker .ppc-tijden th,.ppc-nh-donker .ppc-tijden td{border-color:rgba(255,255,255,.12);color:#B7C4D6}
.ppc-nh-donker .ppc-tijden tr.vandaag th,.ppc-nh-donker .ppc-tijden tr.vandaag td{color:#fff}
.ppc-nh-donker .ppc-foto img{box-shadow:none}

/* ---------- Telefoon en tablet: deuren onder elkaar, alleen kop en knop ---------- */
@media (max-width:900px){
	.ppc-nh-deuren{min-height:0}
	.ppc-nh-deur{flex-basis:100%}
	.ppc-nh-deur.is-game{clip-path:polygon(0 0,100% 0,100% calc(100% - 36px),0 100%);padding:30px 20px 62px!important}
	.ppc-nh-deur.is-thuis{margin-left:0!important;margin-top:-36px!important;padding:58px 20px 40px!important}
	.ppc-nh-deur-in,.ppc-nh-deur.is-game .ppc-nh-deur-in,.ppc-nh-deur.is-thuis .ppc-nh-deur-in{max-width:none}
	.ppc-nh-deur-in>*+*,.ppc-nh-deur-in>.wp-block-group__inner-container>*+*{margin-top:12px!important}
	.ppc-nh-deur h2.wp-block-heading{font-size:26px}
	.ppc-nh-deur .ppc-nh-lead{font-size:15px;line-height:1.5}
	.ppc-nh-deur-foto,.ppc-nh-deur .ppc-cats,.ppc-nh-chips,.ppc-nh-replink{display:none!important}
	.ppc-nh-deur .wp-block-buttons,.ppc-nh-deur .wp-block-button,.ppc-nh-deur .wp-block-button__link{width:100%;box-sizing:border-box}
	.ppc-nh-deur .wp-block-button__link{display:flex;justify-content:center;align-items:center;min-height:50px;padding:0 20px!important}
	.ppc-nh-alleen-mobiel{display:block;margin-bottom:48px!important}
	.ppc-nh-sectie.ppc-nh-gaming{padding-bottom:calc(36px + 56px)!important}
	.ppc-nh-sectie.ppc-nh-winkel{margin-top:-36px!important;clip-path:polygon(0 36px,100% 0,100% 100%,0 100%);padding-top:calc(36px + 48px)!important}
}

/* ---------- Direct leverbaar (1.1.3): bovenaan het gaming-deel ---------- */
.ppc-nh-direct{margin:0 0 clamp(56px,7vw,96px)!important}
.ppc-nh-direct-kop{display:flex;flex-wrap:wrap;gap:12px 40px;align-items:flex-end;justify-content:space-between;margin-bottom:28px}
.ppc-nh-direct-kop h2.wp-block-heading{margin:0 0 6px!important}
.ppc-nh-direct-kop p{margin:0;color:#B7C4D6}
.ppc-nh-direct-kop .ppc-nh-kicker{color:var(--ppc-oranje)}
.ppc-nh-direct-kop .ppc-meer a{font-weight:700;text-decoration:none}
.ppc-nh-pc-foto{position:relative}
.ppc-nh-pc-badge{position:absolute;top:10px;left:10px;padding:5px 10px;border-radius:8px;background:var(--ppc-oranje);color:var(--ppc-donker);font-size:12px;font-weight:700;line-height:1.3}
.ppc-nh-direct .ppc-nh-pc{border-color:rgba(240,140,0,.35)}
.ppc-nh-direct .ppc-nh-pc:hover{border-color:var(--ppc-oranje)}
.ppc-nh-direct .ppc-nh-pc-label{color:var(--ppc-oranje)}
@media (max-width:600px){
	.ppc-nh-pcs:not(.is-builders){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.ppc-nh-pcs:not(.is-builders) .ppc-nh-pc{padding:8px 8px 14px;gap:6px;border-radius:16px}
	.ppc-nh-pcs:not(.is-builders) .ppc-nh-pc-naam{font-size:14px}
	.ppc-nh-pcs:not(.is-builders) .ppc-nh-pc-specs{font-size:12.5px}
	.ppc-nh-pcs:not(.is-builders) .ppc-nh-pc-prijs{font-size:17px}
	.ppc-nh-pcs:not(.is-builders) .ppc-nh-pc-label{font-size:11px;letter-spacing:.1em}
	.ppc-nh-pc-badge{top:6px;left:6px;font-size:11px;padding:4px 8px}
	.ppc-nh-pc-prijs del{display:block;font-size:.7em}
}

/* 1.1.4: de game-pc-categorie niet tonen in de "Geen gamer?"-helft (en de mobiele categorielijst
   van de nieuwe homepage). Op de Producten-pagina blijft hij gewoon staan. */
.ppc-nh-deur .ppc-cat[href*="/game-pc"],.ppc-nh-deur .ppc-cat[href*="/gaming-pc"],
.ppc-nh-alleen-mobiel .ppc-cat[href*="/game-pc"],.ppc-nh-alleen-mobiel .ppc-cat[href*="/gaming-pc"]{display:none!important}

/* ---------- Kernspecificaties (1.1.6; eigen namen, los van de Icecat-tabel .ppc-specs) ---------- */
.ppc-kern-kaart{list-style:none;margin:6px 0 10px!important;padding:0!important;font-size:13.5px;line-height:1.35;color:#3E4A5C}
.ppc-kern-kaart li{padding:3px 0 3px 14px;position:relative;border-top:1px solid #EEF2F7}
.ppc-kern-kaart li:first-child{border-top:0;font-weight:700;color:var(--ppc-donker)}
.ppc-kern-kaart li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--ppc-logoblauw)}
.ppc-kern{margin:6px 0 22px;padding:16px 18px;border:1px solid var(--ppc-lijn);border-radius:14px;background:var(--ppc-licht)}
.ppc-kern-kop{font-family:var(--global-heading-font-family);font-weight:700;font-size:15px;margin:0 0 8px!important;color:var(--ppc-donker)}
.ppc-kern ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ppc-kern li{position:relative;padding-left:22px;color:var(--ppc-tekst)}
.ppc-kern li::before{content:"";position:absolute;left:0;top:.35em;width:14px;height:14px;border-radius:4px;background:var(--ppc-logoblauw) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat}
@media (max-width:600px){.ppc-kern-kaart{font-size:12.5px}.ppc-kern-kaart li:nth-child(n+4){display:none}}