/* ============================================================
   Aaryans Cart Widget — CSS v5 (UPLOAD THIS FILE)
   Path: /user/documents/upload/CSSkodyCLAUDE/aaryans-cart-preview.css
   ============================================================
   NOTE: The on-board agency already handles: gold CTA button,
   mobile bottom-sheet layout, and close button circle shape.
   This file only patches what their CSS leaves unresolved.
   ============================================================ */


/* 1. DESKTOP — stop the cart stretching full viewport height
   Shoptet sets top:100px; bottom:0 = full screen on desktop.
   bottom:auto makes it size to its content instead.           */
@media (min-width: 768px) {
  #cart-widget {
    bottom: auto !important;
    max-height: 85vh !important;
  }
}


/* 2. CLOSE BUTTON — hide "Zavřít košík" text, show × only
   #cart-widget > prefix beats agency's .class rule specificity.
   overflow:hidden clips overflowing text inside the 32px circle. */
#cart-widget > .header-close-link-cart,
#cart-widget > .toggle-window.header-close-link-cart {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  left: auto !important;
  overflow: hidden !important;
  font-size: 0 !important;
  color: transparent !important;
  text-decoration: none !important;
  z-index: 20 !important;
  pointer-events: all !important;
  cursor: pointer !important;
}
#cart-widget > .header-close-link-cart::before,
#cart-widget > .toggle-window.header-close-link-cart::before {
  content: '✕';
  font-size: 16px !important;
  color: #5a5757 !important;
  pointer-events: none;
}


/* 3. INNER SCROLL AREA — reserve space below items for the two
   absolutely-positioned elements: free-shipping bar + CTA button */
#cart-widget .cart-widget-inner {
  padding-bottom: 155px !important;
  overflow-y: auto !important;
}


/* 4. FREE SHIPPING BAR — lift it above the CTA button
   (Shoptet default is bottom:36px which causes overlap)         */
#cart-widget .cart-free-shipping {
  bottom: 90px !important;
}
#cart-widget .cart-free-shipping strong {
  color: #05739b !important;
}


/* 5. QUANTITY BUTTONS — remove the blue browser focus ring      */
#cart-widget .quantity button,
#cart-widget .quantity .increase,
#cart-widget .quantity .decrease,
#cart-widget .amount-input-group button {
  outline: none !important;
  box-shadow: none !important;
}


/* 6. REMOVE (×) BUTTONS — always visible, not just on hover     */
#cart-widget .cart-widget-product-delete,
#cart-widget .remove-item,
#cart-widget [data-testid="buttonDeleteItem"] {
  opacity: 1 !important;
  visibility: visible !important;
}


/* 7. PRODUCT NAME LINKS — no underline, brand dark colour       */
#cart-widget .cart-widget-product-name a {
  color: #2d2828 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}