/* hide common product option / variant dropdowns (Shopify-style) */
select[name^="options["],
select[name*="option"],
select[class*="variant"],
select[class*="option"],
select[id*="option"],
select[id*="variant"],
select[aria-label*="Color"],
select[aria-label*="colour"],
select[name*="Color"],
select[name*="colour"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}




/* wishlist product titles */
[class*="wishlist"] [class*="title"],
[class*="xb-wishlist"] [class*="title"],
[class*="wishlist"] h2,
[class*="wishlist"] h3,
[class*="wishlist"] .product-name {
  font-size: 85% !important;   /* adjust here (85% looks natural) */
  line-height: 1.3em !important;
  font-weight: 500 !important;
}

/* match wishlist font to theme font */
[class*="wishlist"],
[class*="xb-wishlist"],
[class*="wishlist"] * {
  font-family: inherit !important;
}





/* wishlist product prices */
[class*="wishlist"] [class*="price"],
[class*="xb-wishlist"] [class*="price"],
[class*="wishlist"] h2,
[class*="wishlist"] h3,
[class*="wishlist"] .unit price {
  font-size: 85% !important;   /* adjust here (85% looks natural) */
  line-height: 1.3em !important;
  font-weight: 500 !important;
}

/* match wishlist font to theme font */
[class*="wishlist"],
[class*="xb-wishlist"],
[class*="wishlist"] * {
  font-family: inherit !important;
}










/* --- Wishlist product image: perfect 4:5 ratio fix for all devices --- */

/* Image container setup */
[class*="wishlist"] .product-image,
[class*="wishlist"] .image-wrap,
[class*="xb-wishlist-product"] .product-image {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;  /* maintain 4:5 ratio box */
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #fff !important; /* optional – prevents grey gaps */
}

/* Image behavior inside container */
[class*="wishlist"] .product-image img,
[class*="wishlist"] .image-wrap img,
[class*="xb-wishlist-product"] img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;  /* no cropping, fits fully inside 4:5 frame */
  transform: translate(-50%, -50%) !important;
  object-position: center center !important;
}

/* Ensure responsive scaling across screen sizes */
@media (max-width: 768px) {
  [class*="wishlist"] .product-image,
  [class*="wishlist"] .image-wrap,
  [class*="xb-wishlist-product"] .product-image {
    aspect-ratio: 4 / 5 !important;  /* keep same ratio on mobile */
    max-width: 100% !important;
  }

  [class*="wishlist"] .product-image img,
  [class*="wishlist"] .image-wrap img,
  [class*="xb-wishlist-product"] img {
    object-fit: contain !important;
    object-position: center center !important;
  }
}






















/* --- Wishlist: Align title, price, description, and sale price to the left --- */

/* Product title */
[class*="xb-wishlist-product"] .product-title,
[class*="wishlist"] .product-title,
[class*="xb-wishlist-product"] .title,
[class*="wishlist"] .title {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Product description */
[class*="xb-wishlist-product"] .product-description,
[class*="wishlist"] .product-description,
[class*="xb-wishlist-product"] .description,
[class*="wishlist"] .description {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  line-height: 1.4em !important;
}

/* Prices (regular + sale) */
[class*="xb-wishlist-product"] .product-price,
[class*="xb-wishlist-product"] .price,
[class*="xb-wishlist-product"] .price-wrapper,
[class*="wishlist"] .product-price,
[class*="wishlist"] .price,
[class*="wishlist"] .price-wrapper,
[class*="xb-wishlist-product"] .sale-price,
[class*="wishlist"] .sale-price {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  line-height: 1.3em !important;
}

/* Optional: make sale price red and same size */
[class*="wishlist"] .sale-price,
[class*="xb-wishlist-product"] .sale-price,
[class*="wishlist"] .price ins,
[class*="xb-wishlist-product"] .price ins {
  color: #d00 !important;
  font-weight: 600 !important;
  font-size: 85% !important;
}

/* Remove leftover centering from wishlist container */
[class*="xb-wishlist-product"],
[class*="wishlist"] {
  text-align: left !important;
}