/* Global overrides to keep add-to-cart visible and disable when out of stock */

/* Keep product action visible (disable hover-only reveal) */
.product .product-action,
.product.product-4 .product-action,
.product.product-7 .product-action,
.product .product-action-vertical {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.product:hover .product-action,
.product:hover .product-action-vertical {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Remove any white background or borders around the action area */
.product .product-action,
.product .product-action-vertical {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Hide Compare buttons site-wide */
.btn-compare,
.product-action-vertical .btn-compare,
.compare-dropdown {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Disabled cart buttons should not be clickable */
.btn-product.disabled,
.btn-cart.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
}

/* Optional: toned-down style when explicitly marking out-of-stock button */
.btn-cart.out-of-stock {
  background-color: #e9ecef;
  color: #6c757d;
}

/* ========== Cart Dropdown Overrides (Global) ========== */
/* Container */
.cart-dropdown .dropdown-menu.cart-dropdown-menu {
  width: 320px; /* slightly wider for clean layout */
  padding: 1.8rem 1.6rem 1.6rem !important;
}

/* Items list */
.cart-dropdown .dropdown-cart-products {
  margin-top: 0.6rem;
}

/* Single item row */
.cart-dropdown .product {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1.2rem 0;
  border: none !important;
  border-bottom: 1px solid #ebebeb; /* divider like screenshot */
}

/* Title + price block left */
.cart-dropdown .product-cart-details {
  flex: 1 1 auto;
  padding-right: 1rem;
}
.cart-dropdown .product-title {
  font-weight: 500;
  font-size: 1.35rem;
  line-height: 1.35;
  color: #333;
  margin: 0 0 .4rem;
}
.cart-dropdown .cart-product-info {
  display: inline-block;
  color: #999;
  font-size: 1.3rem;
}
.cart-dropdown .cart-product-info .new-price { color: #c96; font-weight: 600; }
.cart-dropdown .cart-product-info .old-price { color: #999; text-decoration: line-through; margin-left: .4rem; }

/* Image column right */
.cart-dropdown .product-image-container {
  order: 2;
  max-width: 64px;
  flex: 0 0 64px;
  margin-left: auto; /* push image to the right */
}
.cart-dropdown .product-image img,
.cart-dropdown .product-image-container img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 4px;
  background: #f4f4f4;
}

/* Remove button – centered next to image */
.cart-dropdown .btn-remove {
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%);
  color: #ccc;
}
.cart-dropdown .btn-remove:hover { color: #333; }

/* Total row */
.dropdown-cart-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 0 .6rem;
  border-top: 1px solid #ebebeb;
  margin-top: .6rem;
}
.dropdown-cart-total span:first-child {
  text-transform: uppercase;
  color: #666;
  letter-spacing: .02em;
}
.dropdown-cart-total .cart-total-price {
  color: #333;
  font-weight: 600;
}

/* Action buttons */
.dropdown-cart-action { gap: 12px; }
.dropdown-cart-action .btn {
  height: 40px;
  padding: .65rem 1.2rem;
  border-radius: 4px;
  font-size: 1.3rem;
  letter-spacing: .01em;
}
.dropdown-cart-action .btn.btn-primary {
  background: #cc9966;
  border-color: #cc9966;
  color: #fff;
}
.dropdown-cart-action .btn.btn-primary:hover { filter: brightness(0.95); }
.dropdown-cart-action .btn.btn-outline-primary-2 {
  border: 1px solid #cc9966;
  color: #cc9966;
  background: transparent;
}
.dropdown-cart-action .btn.btn-outline-primary-2:hover {
  background: #cc9966;
  color: #fff;
}

/* ========== Product Card Button Overrides ========== */
/* Remove white background and icon-slide animation on add-to-cart */
/* Targeting demo-11 product-4 styles that set white bg and hover effects */
.product.product-4 .btn-product {
  background-color: #cc9966 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
.product.product-4 .btn-product:not(:hover):not(:focus) {
  background-color: #cc9966 !important;
  color: #fff !important;
}
.product.product-4 .btn-product:hover,
.product.product-4 .btn-product:focus,
.product.product-4 .btn-product:active {
  background-color: #cc9966 !important;
  color: #fff !important;
  box-shadow: none !important;
}
/* Some demo rules target the nested body button; keep our color there too */
.product.product-4 .product-body .btn-product {
  background-color: #cc9966 !important;
  color: #fff !important;
  justify-content: center !important;
  box-shadow: none !important;
}
.product.product-4 .product-body .btn-product:hover,
.product.product-4 .product-body .btn-product:focus {
  box-shadow: none !important;
}

/* Ensure same styling for product-7 templates used on Home/Category */
.product.product-7 .btn-product,
.product.product-7 .product-body .btn-product {
  background-color: #cc9966 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  justify-content: center !important;
}
.product.product-7 .btn-product:hover,
.product.product-7 .btn-product:focus,
.product.product-7 .btn-product:active {
  background-color: #cc9966 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Catch-all for actual cart buttons regardless of template */
.btn-product.btn-cart {
  background-color: #cc9966 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
.btn-product.btn-cart:hover,
.btn-product.btn-cart:focus,
.btn-product.btn-cart:active {
  background-color: #cc9966 !important;
  color: #fff !important;
  box-shadow: none !important;
}
/* Kill the cart icon slide-in animation */
.btn-cart span:before {
  display: none !important;
}
.btn-cart span,
.btn-cart:hover span,
.btn-cart:focus span {
  padding-left: 0 !important;
}
/* Hard kill white edges around ADD TO CART buttons */
.product .btn-product,
.product.product-7 .btn-product,
.product .btn-product.btn-cart {
  background-color: #cc9966 !important;
  color: #fff !important;
  border: none !important;
  border-width: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background-image: none !important;
  -webkit-appearance: none;
  appearance: none;
  background-clip: padding-box;
}

.product .btn-product::before,
.product .btn-product::after,
.product.product-7 .btn-product::before,
.product.product-7 .btn-product::after {
  content: none !important;
  display: none !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}

.product .btn-product:hover,
.product .btn-product:focus,
.product .btn-product:active {
  background-color: #cc9966 !important;
  color: #fff !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.product .btn-product:focus-visible {
  outline: none !important;
}

/* Ensure action strips don’t show white backgrounds behind buttons */
.product .product-action,
.product .product-action-vertical {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}