/**
 * AUTOLINE — mini-cart drawer skin on al-design-tokens.css (2026-07 redesign).
 * Loads SITE-WIDE (the drawer exists on every page). Scoped .cart-widget-side.
 * With the merged cart→checkout flow this drawer IS the customer's cart.
 */

.cart-widget-side{
  font-family:var(--al-font-sans);
  box-shadow:var(--al-shadow-4);
}

/* header */
.cart-widget-side .wd-heading{
  background:var(--al-blue-700);
  border-bottom:0;
}
.cart-widget-side .wd-heading .title{
  color:#fff;
  font-family:var(--al-font-sans);
  font-size:var(--al-fs-md);
  font-weight:var(--al-fw-bold);
  text-transform:none;
}
.cart-widget-side .wd-heading .close-side-widget a,
.cart-widget-side .wd-heading .wd-action-btn a{color:#fff;opacity:.85}
.cart-widget-side .wd-heading .wd-action-btn a:hover{opacity:1;color:#fff}

/* items */
.cart-widget-side .woocommerce-mini-cart-item{
  border-bottom:1px solid var(--al-line-200);
  padding:14px 0;
}
.cart-widget-side .cart-item-image img{
  border:1px solid var(--al-line-200);
  border-radius:var(--al-radius-sm);
  background:#fff;
}
.cart-widget-side .wd-entities-title{
  font-size:var(--al-fs-sm);
  font-weight:var(--al-fw-semibold);
  color:var(--al-ink-900);
  line-height:var(--al-lh-snug);
}
.cart-widget-side .wd-product-detail.wd-product-sku{
  font-family:var(--al-font-mono);
  font-size:var(--al-fs-xs);
  color:var(--al-ink-500);
}
.cart-widget-side .wd-product-detail.wd-product-sku .wd-label{color:var(--al-ink-400)}

/* qty stepper + line price */
.cart-widget-side .cart-info div.quantity{
  border:1.5px solid var(--al-line-300);
  border-radius:var(--al-radius-sm);
  overflow:hidden;
  margin:6px 0 2px;
}
.cart-widget-side .cart-info div.quantity .btn{border:0!important;background:var(--al-bg-100)}
.cart-widget-side .cart-info div.quantity .btn:hover{background:var(--al-blue-700);color:#fff}
.cart-widget-side .cart-info div.quantity input[type=number]{border:0;font-weight:var(--al-fw-semibold)}
.cart-widget-side .cart-info span.quantity{
  font-size:var(--al-fs-sm);
  color:var(--al-ink-700);
}
.cart-widget-side .cart-info span.quantity .woocommerce-Price-amount{
  font-weight:var(--al-fw-bold);
  color:var(--al-price);
}

/* remove × — quiet, red on hover (glyph is the text node here, keep size) */
.cart-widget-side a.remove_from_cart_button{
  color:var(--al-ink-400)!important;
  border-radius:var(--al-radius-pill);
  transition:all var(--al-dur-fast) var(--al-ease);
}
.cart-widget-side a.remove_from_cart_button:hover{
  color:#fff!important;
  background:var(--al-danger-500);
}

/* footer */
.cart-widget-side .shopping-cart-widget-footer{
  border-top:1px solid var(--al-line-200);
  background:var(--al-bg-100);
}
.cart-widget-side .woocommerce-mini-cart__total{
  font-size:var(--al-fs-sm);
  color:var(--al-ink-700);
}
.cart-widget-side .woocommerce-mini-cart__total .woocommerce-Price-amount{
  font-size:var(--al-fs-lg);
  font-weight:var(--al-fw-bold);
  color:var(--al-price);
}
.cart-widget-side .woocommerce-mini-cart__buttons a.button.checkout{
  background:var(--al-amber-500)!important;
  color:var(--al-ink-900)!important;
  border:0!important;
  border-radius:var(--al-radius-sm)!important;
  font-weight:var(--al-fw-bold)!important;
  font-size:var(--al-fs-md)!important;
  padding:14px 20px!important;
  text-transform:none!important;
  transition:background var(--al-dur-base) var(--al-ease)!important;
}
.cart-widget-side .woocommerce-mini-cart__buttons a.button.checkout:hover{background:var(--al-amber-600)!important;color:var(--al-ink-900)!important}

/* loading veil — the drawer opens instantly on add-to-cart, contents settle
   when the AJAX response lands */
.cart-widget-side.al-cart-loading .widget_shopping_cart_content{opacity:.45;pointer-events:none;transition:opacity var(--al-dur-base) var(--al-ease)}
.cart-widget-side.al-cart-loading::after{
  content:"";
  position:absolute;
  top:50%;left:50%;
  width:34px;height:34px;
  margin:-17px 0 0 -17px;
  border:3px solid var(--al-line-200);
  border-top-color:var(--al-blue-700);
  border-radius:50%;
  animation:al-drawer-spin .7s linear infinite;
}
@keyframes al-drawer-spin{to{transform:rotate(360deg)}}

/* empty state */
.cart-widget-side .woocommerce-mini-cart__empty-message{
  font-size:var(--al-fs-sm);
  color:var(--al-ink-500);
  text-align:center;
  padding:var(--al-sp-8) var(--al-sp-4);
}