/* Aanvullingen van het thema op de canvas-stijlen (ilko.css blijft een zuivere kopie van de canvas). */

/* "hidden" moet altijd winnen van display-regels uit de canvas. */
[hidden]{display:none!important}

/* Eilanden mogen de opmaak niet beïnvloeden. */
.ilko-eiland{display:contents}

/* Honeypot tegen spam: onzichtbaar voor mensen, bots vullen hem in. */
.ilko-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* Foto's die de winkel zelf kiest (Lunar Media editor): de foto vult het vak, het vak bepaalt de maat. */
.pg-wi .wi-ph:has(> img.ilko-foto:not(.ilko-foto-leeg))::after,.pg-wi .lb-frame:has(> img.ilko-foto)::after{display:none}
.pg-wi .wi-ph > img.ilko-foto{z-index:1}
.pg-over .ph-box{position:relative;overflow:hidden}
.pg-over .ph-box > img.ilko-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Hero: de beschrijving bij Hoesjes gelijk aan de andere drie kaarten (de canvas maakte hem groot en vet). */
.ik .hb-hoe .hb-s{font-size:15px;font-weight:400;line-height:1.45;letter-spacing:0}

/* WhatsApp: rond groen knopje rechtsonder op elke pagina. */
.wa-knop{position:fixed;right:24px;bottom:24px;z-index:70;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -10px rgba(18,140,69,.6),0 2px 6px rgba(17,17,17,.12);transition:transform .25s cubic-bezier(.22,1,.36,1)}
.wa-knop:hover{transform:scale(1.06);color:#fff}
.wa-knop:focus-visible{outline:2px solid var(--ink,#111);outline-offset:3px}
html.mnav-open .wa-knop,html.wm-open .wa-knop{display:none}
/* Op mobiel zit WhatsApp in de balk onderin (in plaats van bellen); alleen waar die balk weg is, staat de losse knop. */
.ik .mdock-wa{background:#25D366;color:#fff}
@media (max-width:760px){
.wa-knop{display:none;right:16px;bottom:16px;width:56px;height:56px}
.single-product .wa-knop,.woocommerce-cart .wa-knop,.woocommerce-checkout .wa-knop{display:grid}
}

/* Homepage: de planner van RepairPlugin onder een kop, zoals op /reparatie/. */
.home-planner-kop{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 48px;flex-wrap:wrap;margin-bottom:32px}
.home-planner-kop .lead{margin:0;max-width:460px}
/* Hero: het label bij de prijs van Hoesjes gelijk aan "Vanaf", "Scherm vanaf" en "Te koop" (de canvas maakte het groot en vet). */
.ik .hb-hoe .hb-price small{font-size:13px;font-weight:500;line-height:1.3;letter-spacing:0;text-wrap:wrap}

/* Bolletje met het aantal bij het winkelwagen-icoon (op elke pagina, ook winkelwagen en afrekenen). */
.hdr .ib-mand{position:relative}
.ib-n{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--paper);font-variant-numeric:tabular-nums}