/* Saasveld · components/mini-cart — drawer */

/* ============ MINI-CART DRAWER ============ */
.saasveld-drawer{position:fixed;top:0;right:0;height:100%;width:min(92vw,400px);background:#fff;box-shadow:var(--wp--custom--shadow--drawer);transform:translateX(100%);transition:transform .34s cubic-bezier(.34,.9,.3,1);z-index:80;display:flex;flex-direction:column;overflow:hidden}
body.saasveld-cart-open .saasveld-drawer{transform:translateX(0)}
.saasveld-drawer__head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--wp--preset--color--line)}
.saasveld-drawer__close{background:none;border:0;font-size:1.25rem;cursor:pointer;line-height:1;color:var(--wp--preset--color--ink)}
.saasveld-drawer__body{overflow-y:auto;flex:1;padding:1rem 1.25rem}
.saasveld-drawer__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.2s;z-index:79}
body.saasveld-cart-open .saasveld-drawer__backdrop{opacity:1;visibility:visible}
body.saasveld-cart-open{overflow:hidden}
.saasveld-drawer .widget_shopping_cart_content{display:flex;flex-direction:column;height:100%}
.saasveld-drawer .woocommerce-mini-cart{margin:0;padding:0;list-style:none;flex:1;overflow-y:auto}
/* Rij: [thumb + naam (groeit)] [aantal × prijs] [× verwijderen] — strak, geen loze kolom.
   (WC nest de <img> ín de product-link; daarom is de link zelf de flex-rij, niet de li.) */
.saasveld-drawer .woocommerce-mini-cart li.mini_cart_item{position:relative;display:flex;align-items:center;gap:.7rem;padding:.8rem 0;margin:0;border-top:1px solid var(--wp--preset--color--line);list-style:none}
.saasveld-drawer .woocommerce-mini-cart li.mini_cart_item:first-child{border-top:0}
.saasveld-drawer .woocommerce-mini-cart li.mini_cart_item::before,.saasveld-drawer .woocommerce-mini-cart li.mini_cart_item::after{display:none;content:none}
.saasveld-drawer .woocommerce-mini-cart li.mini_cart_item a:not(.remove){order:1;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:.9rem;line-height:1.3;text-decoration:none;color:var(--wp--preset--color--ink)}
.saasveld-drawer .woocommerce-mini-cart li.mini_cart_item a:not(.remove):hover{color:var(--wp--preset--color--primary)}
.saasveld-drawer .woocommerce-mini-cart li.mini_cart_item img{flex:0 0 auto;width:52px !important;height:52px;object-fit:cover;border-radius:10px;float:none !important;margin:0 !important;background:var(--wp--preset--color--surface-muted)}
.saasveld-drawer .woocommerce-mini-cart li.mini_cart_item .quantity{order:2;flex:0 0 auto;border:0 !important;border-radius:0 !important;padding:0 !important;font-size:.85rem;font-weight:600;color:var(--wp--preset--color--ink);white-space:nowrap;text-align:right}
.saasveld-drawer .woocommerce-mini-cart li.mini_cart_item .quantity .woocommerce-Price-amount{color:var(--wp--preset--color--ink)}
/* Verbose FAK-optie-meta niet in de kleine drawer tonen (staat wél in winkelmand/checkout). */
.saasveld-drawer .woocommerce-mini-cart .variation,.saasveld-drawer .woocommerce-mini-cart dl.variation,.saasveld-drawer .woocommerce-mini-cart .wc-item-meta{display:none !important}
.saasveld-drawer .woocommerce-mini-cart li.mini_cart_item a.remove{order:3;position:static;transform:none;flex:0 0 auto;width:24px;height:24px;line-height:22px;text-align:center;border-radius:999px;background:var(--wp--preset--color--surface-muted);color:var(--wp--preset--color--muted) !important;font-size:.95rem;text-decoration:none}
.saasveld-drawer .woocommerce-mini-cart li.mini_cart_item a.remove:hover{background:var(--wp--preset--color--primary);color:#fff !important}
.saasveld-drawer .woocommerce-mini-cart__total{display:flex;justify-content:space-between;font-weight:700;margin:1rem 0;padding-top:1rem;border-top:2px solid var(--wp--preset--color--line);font-size:1.05rem}
.saasveld-drawer .woocommerce-mini-cart__empty-message{padding:2rem 0;text-align:center;color:var(--wp--preset--color--muted)}
.saasveld-drawer .woocommerce-mini-cart__buttons{display:flex;flex-direction:column-reverse;gap:.55rem;margin:0}
.saasveld-drawer .woocommerce-mini-cart__buttons .button{width:100%;text-align:center;margin:0}
/* Afrekenen = primaire actie (vol, groot). Bekijk winkelwagen = secundair (outline). */
.saasveld-drawer .woocommerce-mini-cart__buttons .checkout{background:var(--wp--preset--color--primary);color:#fff;font-weight:800;padding-block:.95rem;font-size:1.02rem}
.saasveld-drawer .woocommerce-mini-cart__buttons .button:not(.checkout){background:#fff;color:var(--wp--preset--color--primary);border:1.5px solid var(--wp--preset--color--primary)}
.saasveld-drawer .woocommerce-mini-cart__buttons .button:not(.checkout):hover{background:var(--wp--preset--color--surface-muted)}