/* ============================================================
   STEEL HOG — wysuwany koszyk (drawer) + mini-koszyk WooCommerce
   Markup: template-parts/cart-drawer.php · logika: js/main.js
   ============================================================ */
.cart-drawer{
  position:fixed;top:0;right:0;bottom:0;width:92%;max-width:420px;background:#fff;z-index:90;
  transform:translateX(100%);visibility:hidden;
  transition:transform .32s ease,visibility 0s linear .32s;
  box-shadow:var(--shadow-lg);display:flex;flex-direction:column;
}
.cart-drawer.is-open{transform:none;visibility:visible;transition:transform .32s ease}

.cart-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line);flex:none}
.cart-drawer__title{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:22px;color:var(--ink)}
.cart-drawer__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;color:var(--ink);background:none;border:0;cursor:pointer;border-radius:var(--radius);transition:.15s}
.cart-drawer__close:hover{background:var(--paper)}

/* korpus: lista przewija się, podsumowanie + przyciski przyklejone do dołu */
.cart-drawer__body{flex:1;min-height:0;display:flex;flex-direction:column}
.cart-drawer .widget_shopping_cart_content{flex:1;min-height:0;display:flex;flex-direction:column}

.cart-drawer ul.woocommerce-mini-cart{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:4px 22px 10px}
.cart-drawer li.woocommerce-mini-cart-item{position:relative;margin:0;padding:16px 36px 16px 0;border-bottom:1px solid var(--line)}
.cart-drawer li.woocommerce-mini-cart-item:last-child{border-bottom:0}
.cart-drawer .woocommerce-mini-cart-item > a:not(.remove){
  display:flex;align-items:center;gap:12px;
  font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.5px;
  font-size:16px;line-height:1.15;color:var(--ink);text-decoration:none;
}
.cart-drawer .woocommerce-mini-cart-item > a:not(.remove):hover{color:var(--brand)}
.cart-drawer .woocommerce-mini-cart-item img{
  width:64px;height:64px;object-fit:contain;flex:none;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:4px;margin:0;
}
.cart-drawer .woocommerce-mini-cart-item .quantity{display:block;margin:6px 0 0 76px;color:var(--muted);font-family:var(--body);font-weight:400;font-size:14px}
.cart-drawer .woocommerce-mini-cart-item .quantity .amount{color:var(--ink-2);font-weight:600}
.cart-drawer .woocommerce-mini-cart-item dl.variation{margin:6px 0 0 76px;font-size:12.5px;color:var(--muted);display:grid;grid-template-columns:auto 1fr;gap:0 6px}
.cart-drawer .woocommerce-mini-cart-item dl.variation dt,
.cart-drawer .woocommerce-mini-cart-item dl.variation dd{margin:0}
.cart-drawer .woocommerce-mini-cart-item a.remove{
  position:absolute;top:16px;right:0;width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:50%;
  /* Glif × ma własne metryki i siada optycznie za wysoko, mimo centrowania flexem.
     Chowamy go (font-size:0) i rysujemy krzyżyk maską SVG — geometria zamiast
     litery, więc trafia idealnie na środek niezależnie od fontu. currentColor
     sprawia, że zmiana koloru na hoverze nadal działa. */
  font-size:0;line-height:0;color:var(--muted) !important;text-decoration:none;transition:.15s;
}
.cart-drawer .woocommerce-mini-cart-item a.remove::before{
  content:"";width:9px;height:9px;flex:none;background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M2.6 2.6 9.4 9.4M9.4 2.6 2.6 9.4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M2.6 2.6 9.4 9.4M9.4 2.6 2.6 9.4'/%3E%3C/svg%3E") center/contain no-repeat;
}
.cart-drawer .woocommerce-mini-cart-item a.remove:hover{border-color:#b5502f;color:#b5502f !important;background:#fdf3f0}

/* pusty koszyk */
.cart-drawer .woocommerce-mini-cart__empty-message{margin:auto;padding:20px;text-align:center;color:var(--muted);font-size:15px}

/* suma + przyciski (dół szuflady) */
.cart-drawer .woocommerce-mini-cart__total{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex:none;
  margin:0;padding:16px 22px 4px;border-top:1px solid var(--line);
  font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:14px;color:var(--muted);
}
.cart-drawer .woocommerce-mini-cart__total .amount{font-size:22px;font-weight:700;color:var(--ink)}
.cart-drawer .woocommerce-mini-cart__buttons{display:flex;flex-direction:column;gap:10px;flex:none;margin:0;padding:12px 22px 20px}
.cart-drawer .woocommerce-mini-cart__buttons .btn{width:100%}