/* sz-components.css (.com) — statische component-CSS, uit inline <style>-blokken gehaald (hygiene, 6 okt 2026).
   Enqueued vanuit mu-plugins/sz-com-size-filter.php op singular/tax/category/tag, na 'solezilla-lean-style'.
   ALLEEN STATISCHE regels. Dynamische waarden blijven inline: --sz-hdr/--sz-stickytop (JS-gezet) en de
   per-knop merkkleur --szc (style-attr op elke .szcom-share__btn). De uitlijning (voorheen dynamisch
   justify-content:$just) loopt nu via de modifier-class .szcom-share--left/center/right die de render al zet.
   Reversibel: herstel de inline <style>-blokken + wis de enqueue en dit bestand. */

/* ===== SZ-STICKY (uit mu-plugins/sz-com-size-filter.php) ===== */
.prijsvergelijker-container .sz-sizecard:not(.is-set){position:sticky;top:var(--sz-hdr,0px);z-index:30;background:#fff}
.prijsvergelijker-container a.shop.row.szoi-off-row{position:sticky;top:var(--sz-stickytop,0px);z-index:20;background:#fff;margin-bottom:16px}
.prijsvergelijker-container a.shop.row.szoi-off-row.is-stuck{box-shadow:0 10px 20px -7px rgba(0,0,0,.22)}
.prijsvergelijker-container .sz-sizecard:not(.is-set).is-stuck{box-shadow:0 14px 0 0 #f7f7f7}
@media(max-width:782px){
  .prijsvergelijker-container .sz-sizecard:not(.is-set),
  .prijsvergelijker-container a.shop.row.szoi-off-row,
  .prijsvergelijker-container a.shop.row.szoi-off-row.is-stuck{position:static!important;box-shadow:none!important;margin-bottom:0}
}
.sz-sizecard .sz-mp__btn,.sz-sizecard .sz-am__btn{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:calc(50% - 5px)!important;min-height:42px!important;padding:9px 12px!important;margin:10px 0 0!important;font-size:13px!important;font-weight:700!important;vertical-align:top!important}
.sz-sizecard .sz-mp__btn{margin-right:10px!important}

/* ===== SZ-SHARE (uit mu-plugins/sz-com-social-share.php, [social-share]) =====
   Uitlijning via modifier-class i.p.v. inline justify-content; merkkleur blijft per-knop var(--szc). */
.szcom-share{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;justify-content:flex-start}
.szcom-share--left{justify-content:flex-start}
.szcom-share--center{justify-content:center}
.szcom-share--right{justify-content:flex-end}
.szcom-share__btn{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;background:var(--szc);color:#fff;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:filter .15s ease,transform .15s ease}
.szcom-share__btn:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff}
.szcom-share__btn:focus-visible{outline:2px solid var(--szc);outline-offset:2px}
.szcom-share__ico{display:inline-flex;width:16px;height:16px}
.szcom-share__ico svg{width:16px;height:16px;fill:currentColor}
@media(max-width:600px){.szcom-share__lbl{display:none}.szcom-share__btn{padding:9px}}