/* ─────────────────────────────────────────────────────────────
   The cart drawer contents, taken from the design file with a CSS parser.
   The overlay and the sliding panel are not here: they belong to whatever
   opens the drawer. This file styles what goes inside it.
   ───────────────────────────────────────────────────────────── */

.pc-mini .btn--block{display:flex;width:100%}
.pc-mini .iconbtn{width:42px;height:42px;border-radius:100px;display:grid;place-items:center;color:var(--pc-ink);position:relative;transition:background .16s}
.pc-mini .iconbtn:hover{background:var(--pc-glass-2)}
.pc-mini .iconbtn .cnt{position:absolute;top:5px;right:4px;min-width:18px;height:18px;border-radius:100px;background:var(--pc-flag);color:#fff;font-size:var(--pc-fs-xs);font-weight:700;display:grid;place-items:center;padding:0 5px}
.pc-mini .qty{display:flex;align-items:center;border:1px solid var(--pc-line);border-radius:100px;background:var(--pc-white);overflow:hidden}
.pc-mini .qty button{width:42px;height:46px;font-size:var(--pc-fs-lg);color:var(--pc-ink-60)}
.pc-mini .qty button:hover{background:var(--pc-glass-2)}
.pc-mini .qty span{width:40px;text-align:center;font-weight:600}
.pc-mini .sline{display:flex;justify-content:space-between;padding:9px 0;font-size:var(--pc-fs-base);color:var(--pc-ink-60)}
.pc-mini .sline--tot{border-top:1px solid var(--pc-line);margin-top:10px;padding-top:16px;font-size:var(--pc-fs-lg);font-weight:700;color:var(--pc-ink)}
.pc-mini .mini__b{flex:1;overflow:auto;padding:6px 20px}
.pc-mini .mini__f{border-top:1px solid var(--pc-line);padding:18px 20px;background:var(--pc-glass)}
.pc-mini .mrow{display:grid;grid-template-columns:62px 1fr auto;gap:13px;padding:15px 0;border-bottom:1px solid var(--pc-line-2);align-items:center}
.pc-mini .mrow img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:9px;background:var(--pc-glass-2)}
.pc-mini .mrow b{font-size:var(--pc-fs-sm);font-weight:600;line-height:var(--pc-lh-snug);display:block}
.pc-mini .qty--sm button{width:32px;height:34px;font-size:var(--pc-fs-base)}
.pc-mini .qty--sm span{width:30px;font-size:var(--pc-fs-sm)}
.pc-mini .empty{text-align:center;padding:clamp(44px,7vw,86px) 20px;max-width:460px;margin-inline:auto}
.pc-mini .empty__ic{width:72px;height:72px;border-radius:100px;background:var(--pc-glass-2);color:var(--pc-leaf);display:grid;place-items:center;margin:0 auto 20px}
.pc-mini .empty h3{margin-bottom:10px;font-size:var(--pc-fs-xl)}
.pc-mini .empty p{color:var(--pc-ink-60);margin-bottom:22px}

/* .mini__p was the flex column in the design; our wrapper plays that part now.
   These come after the generated rules so min-height:0 is not overwritten —
   without it a flex child will not shrink and overflow:auto never scrolls. */
.pc-mini{display:flex;flex-direction:column;height:100%;
  font-family:Figtree,"Helvetica Neue",Arial,sans-serif;color:var(--pc-ink)}
.pc-mini .mini__b{flex:1 1 auto;min-height:0;overflow:auto}
.pc-mini .mini__f{flex:none}

/* WooCommerce's own empty message, hidden: the template supplies the design's. */
.pc-mini .woocommerce-mini-cart__empty-message{display:none}
.pc-mini .btn--block{justify-content:center;text-align:center}
.pc-mini a{color:var(--pc-ink);text-decoration:none}
.pc-mini .mrow a:hover{color:var(--pc-leaf)}
.pc-mini .js-rm,.pc-mini .js-pcrm{background:none;border:0;padding:0;cursor:pointer;
  color:var(--pc-ink-40);font-size:var(--pc-fs-xs);text-decoration:underline}
.pc-mini .js-rm:hover,.pc-mini .js-pcrm:hover{color:var(--pc-flag)}
.pc-mini .muted{color:var(--pc-ink-40)}
.pc-mini .tiny{font-size:var(--pc-fs-xs)}
.pc-mini .small{font-size:var(--pc-fs-sm)}
.pc-mini .qty button{background:none;border:0;cursor:pointer;line-height:1}
.pc-mini .is-busy{opacity:.5;pointer-events:none}

/* After an ajax add, WooCommerce appends its own "View cart" link beside the
   button. The drawer already opens, so the link is noise in the card footer. */
.pc-card a.added_to_cart,ul.products li.product a.added_to_cart{display:none}