/* Carrito lateral de Chavo Core (sustituye a Side Cart WooCommerce). */
.chavo-cart-trigger{position:relative;display:inline-flex;align-items:center;padding:4px;border:0;background:none;color:#000;cursor:pointer;line-height:1}
.chavo-cart-trigger:hover,.chavo-cart-trigger:focus{background:none;color:#000}
.chavo-cart-count{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#000;color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center}
.added_to_cart{display:none!important}

.chavo-cart{position:fixed;inset:0;z-index:99999}
.chavo-cart-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .25s}
.chavo-cart-panel{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(420px,100%);height:100%;background:#fff;box-shadow:-8px 0 24px rgba(0,0,0,.12);transform:translateX(100%);transition:transform .25s ease}
.chavo-cart.is-open .chavo-cart-overlay{opacity:1}
.chavo-cart.is-open .chavo-cart-panel{transform:none}
html.chavo-cart-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){.chavo-cart-overlay,.chavo-cart-panel{transition:none}}

.chavo-cart-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}
.chavo-cart-header h2{margin:0;font-size:18px;font-weight:600}
.chavo-cart-close{border:0;background:none;color:#000;font-size:28px;line-height:1;cursor:pointer;padding:0 4px}
.chavo-cart-body{flex:1;overflow-y:auto;padding:12px 20px}
.chavo-cart.is-loading .chavo-cart-body{opacity:.5;pointer-events:none}
.chavo-cart-footer{padding:12px 20px 20px}
.chavo-cart-continue{width:100%;padding:12px;border:1px solid #000;border-radius:4px;background:#fff;color:#000;cursor:pointer}

.chavo-cart .woocommerce-mini-cart{margin:0;padding:0;list-style:none}
.chavo-cart .woocommerce-mini-cart-item{position:relative;display:block;margin:0;padding:12px 28px 12px 0;border-bottom:1px solid #f0f0f0}
.chavo-cart .woocommerce-mini-cart-item a:not(.remove){display:flex;gap:12px;align-items:flex-start;color:#000;font-weight:500;line-height:1.35;text-decoration:none}
.chavo-cart .woocommerce-mini-cart-item img{flex:0 0 72px;width:72px!important;height:72px!important;margin:0!important;object-fit:contain;border:1px solid #f0f0f0;border-radius:4px;background:#fff}
.chavo-cart .woocommerce-mini-cart-item .remove{position:absolute;top:10px;right:0;color:#999!important;font-size:20px;line-height:1;text-decoration:none}
.chavo-cart .woocommerce-mini-cart-item dl.variation,.chavo-cart .chavo-cart-qty,.chavo-cart .chavo-cart-price{margin-left:84px}
.chavo-cart .woocommerce-mini-cart-item dl.variation{margin-top:4px;font-size:13px;color:#555}
.chavo-cart-qty{display:flex;margin-top:8px;align-items:center;border:1px solid #ddd;border-radius:4px;width:max-content}
.chavo-cart-qty button{width:30px;height:30px;border:0;background:none;color:#000;cursor:pointer;font-size:16px;padding:0}
.chavo-cart-qty button:disabled{opacity:.3;cursor:default}
.chavo-qty-value{min-width:24px;text-align:center}
.chavo-cart-price{display:block;margin-top:6px;font-weight:600}
.chavo-cart .woocommerce-mini-cart__total{display:flex;justify-content:space-between;margin:16px 0 8px;font-size:16px}
.chavo-cart .woocommerce-mini-cart__buttons{display:grid;gap:8px;margin:0}
.chavo-cart .woocommerce-mini-cart__buttons .button{display:block;margin:0;padding:12px;border-radius:4px;background:#000;color:#fff;text-align:center;text-decoration:none}
.chavo-cart .woocommerce-mini-cart__buttons .button:not(.checkout){background:#fff;color:#000;border:1px solid #000}
.chavo-cart .woocommerce-mini-cart__empty-message{margin:24px 0;text-align:center}

/* El tema Hello pinta TODO <button>/[type="button"] con borde y texto rosa (#c36) via su
   reset.css, con la misma especificidad que estas reglas (selector de clase vs [type="button"]
   empatan, y reset.css se carga después) — por eso el intento de neutralizarlo de más abajo no
   ganaba. Reforzado con !important, mismo patrón ya aplicado en chavo-core/modules/ui/assets/ui.css
   para los botones +/- de cantidad. */
.chavo-cart button,.chavo-cart-trigger{border-radius:4px;box-shadow:none;font:inherit;text-transform:none}
.chavo-cart .chavo-cart-close,.chavo-cart .chavo-cart-close:hover,.chavo-cart .chavo-cart-close:focus{border:0!important;background:none!important;color:#000!important}
.chavo-cart .chavo-cart-qty button,.chavo-cart .chavo-cart-qty button:hover,.chavo-cart .chavo-cart-qty button:focus{border:0!important;background:none!important;color:#000!important}
.chavo-cart .chavo-cart-continue,.chavo-cart .chavo-cart-continue:hover,.chavo-cart .chavo-cart-continue:focus{border:1px solid #000!important;background:#fff!important;color:#000!important}
.chavo-cart button:focus-visible,.chavo-cart-trigger:focus-visible{outline:2px solid #000;outline-offset:2px}
.chavo-cart .woocommerce-mini-cart-item a:not(.remove){padding-right:12px}
.chavo-cart .chavo-cart-continue{display:block;width:100%}
.chavo-cart-trigger,.chavo-cart-trigger:hover,.chavo-cart-trigger:focus{border:0!important;border-radius:0!important;background:none!important;color:#000!important}