/* Philevi: zijwinkelwagen (Side Cart WooCommerce, xoo-wsc) in de huisstijl */

body .xoo-wsc-container,body .xoo-wsc-slider{font-family:'IBM Plex Sans',sans-serif;color:var(--pv-ink);background:#fff;box-shadow:-8px 0 32px rgba(22,40,44,.18)}
body .xoo-wsc-opac{background:rgba(22,40,44,.45)}

/* kop */
body .xoo-wsc-header{border-bottom:1px solid var(--pv-line);background:#fff;color:var(--pv-ink)}
body .xoo-wsch-top{padding:16px 20px;min-height:64px;align-items:center}
body .xoo-wsch-text{font:700 20px/1.2 'Archivo',sans-serif;letter-spacing:-.01em;color:var(--pv-ink)}
body .xoo-wsch-basket{color:var(--pv-teald)}
body .xoo-wsch-bki{font-size:24px}
body .xoo-wsch-items-count{background:var(--pv-teald)!important;color:#fff!important;font:600 11px/18px 'IBM Plex Sans',sans-serif;min-width:18px;height:18px;border-radius:9px}
body .xoo-wsch-close{font-size:16px!important;color:var(--pv-muted);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:background .15s,color .15s}
body .xoo-wsch-close:hover{background:var(--pv-surf);color:var(--pv-ink)}

/* meldingen in de drawer */
body .xoo-wsc-notices li,body .xoo-wsc-notice-success,body .xoo-wsc-notice-error{font-size:14px;border-radius:6px}
body .xoo-wsc-notice-success{background:var(--pv-teals)!important;color:var(--pv-ink)!important}

/* producten */
body .xoo-wsc-body{background:var(--pv-surf)}
body .xoo-wsc-products{padding:12px 0 4px}
body .xoo-wsc-product{background:#fff!important;border:1px solid var(--pv-line);border-radius:8px!important;box-shadow:none!important;margin:0 16px 10px!important;padding:12px!important;align-items:flex-start!important;gap:0}
body .xoo-wsc-img-col{width:76px!important;flex:0 0 76px;align-self:flex-start}
body .xoo-wsc-img-col img{width:76px!important;height:76px!important;object-fit:contain;background:#fff;border:1px solid var(--pv-line);border-radius:6px;padding:4px;max-width:none}
body .xoo-wsc-sum-col{padding-left:14px;min-width:0}
body .xoo-wsc-sm-info{gap:10px}
body .xoo-wsc-pname,body .xoo-wsc-pname a{font:600 14px/1.35 'IBM Plex Sans',sans-serif;color:var(--pv-ink);text-decoration:none}
body .xoo-wsc-pname a:hover{color:var(--pv-teald)}
body .xoo-wsc-sml-qty{display:block;margin-top:4px;font-size:13px;color:var(--pv-muted)}
body .xoo-wsc-sml-qty b,body .xoo-wsc-sml-qty strong{font-weight:500;color:var(--pv-ink)}
body .xoo-wsc-pprice,body .xoo-wsc-qty-price{font-size:13px;color:var(--pv-muted)}
body .xoo-wsc-smr-ptotal,body .xoo-wsc-smr-ptotal .amount{font:600 15px/1.3 'IBM Plex Sans',sans-serif;color:var(--pv-ink);white-space:nowrap}
body .xoo-wsc-sm-right{align-items:flex-end;justify-content:space-between;min-height:76px}
body .xoo-wsc-smr-del{color:var(--pv-muted);font-size:16px!important;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;margin:-6px -6px 0 0;cursor:pointer;transition:background .15s,color .15s}
body .xoo-wsc-smr-del:hover{background:var(--pv-surf);color:#B3261E}

/* aantal-kiezer (als die aan staat) */
body .xoo-wsc-qty-box{border:1px solid var(--pv-field)!important;border-radius:4px!important;overflow:hidden}
body .xoo-wsc-qty-box .xoo-wsc-chng{background:#fff!important;color:var(--pv-ink)!important}
body .xoo-wsc-qty-box input.xoo-wsc-qty{border:0!important;color:var(--pv-ink)!important;font-weight:600}

/* lege winkelwagen */
body .xoo-wsc-empty-cart{padding:40px 24px;text-align:center;color:var(--pv-muted);font-size:15px}
body .xoo-wsc-empty-cart > span{display:block;font:700 18px/1.3 'Archivo',sans-serif;color:var(--pv-ink);margin-bottom:16px}
body .xoo-wsc-empty-cart a.xoo-wsc-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:4px!important;background:var(--pv-teald)!important;color:#fff!important;border:0!important;font:600 15px/1 'IBM Plex Sans',sans-serif!important;text-decoration:none}
body .xoo-wsc-empty-cart a.xoo-wsc-btn:hover{background:var(--pv-ink)!important}

/* voet */
body .xoo-wsc-footer{background:#fff!important;color:var(--pv-ink)!important;border-top:1px solid var(--pv-line);box-shadow:none!important;padding:16px 20px 20px!important}
body .xoo-wsc-ft-totals{padding:0;margin:0 0 6px}
body .xoo-wsc-ft-amt{display:flex!important;justify-content:space-between;align-items:baseline;gap:12px;padding:0!important}
body .xoo-wsc-ft-amt-label{font:500 15px/1.3 'IBM Plex Sans',sans-serif!important;color:var(--pv-ink)}
body .xoo-wsc-ft-amt-value,body .xoo-wsc-ft-amt-value .amount{font:700 22px/1.2 'Archivo',sans-serif!important;color:var(--pv-ink)!important;letter-spacing:-.01em}
body .xoo-wsc-footer-txt{display:block;text-align:left!important;font-size:13px!important;line-height:1.45;color:var(--pv-muted);margin:0 0 14px!important}

/* knoppen: afrekenen groen, winkelwagen omlijnd, verder winkelen als link */
body .xoo-wsc-ft-buttons-cont{display:flex!important;flex-direction:column;gap:8px}
body .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn{display:flex!important;align-items:center;justify-content:center;gap:8px;height:48px;margin:0!important;padding:0 16px!important;border-radius:4px!important;font:600 15px/1 'IBM Plex Sans',sans-serif!important;text-decoration:none!important;box-shadow:none!important;transition:background .15s,color .15s,border-color .15s}
body .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout{order:1;background:var(--pv-teald)!important;color:#fff!important;border:1.5px solid var(--pv-teald)!important}
body .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout:hover{background:var(--pv-ink)!important;border-color:var(--pv-ink)!important}
body .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout .amount{color:#fff!important}
body .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart{order:2;background:#fff!important;color:var(--pv-ink)!important;border:1.5px solid var(--pv-ink)!important}
body .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart:hover{background:var(--pv-ink)!important;color:#fff!important}
body .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-continue{order:3;height:auto;padding:8px 0 0!important;background:none!important;border:0!important;color:var(--pv-teald)!important;font-weight:600!important}
body .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-continue:hover{color:var(--pv-ink)!important;text-decoration:underline!important}
body .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:focus-visible{outline:2px solid var(--pv-teal);outline-offset:2px}

@media (max-width:480px){
  body .xoo-wsc-container{max-width:100%!important;width:100%}
  body .xoo-wsch-top{padding:14px 16px}
  body .xoo-wsc-product{margin:0 12px 10px!important}
  body .xoo-wsc-footer{padding:14px 16px 16px!important}
}