/* JR Add-ons Card Icon Align (A+C) v1.0.2
   Targets WooCommerce Blocks markup.
   Loads only on the Add-ons page via the plugin PHP.
*/

/* ===== A: Make product image area behave consistently ===== */
body.page-id-1185 .wc-block-components-product-image,
body.page-slug-add-ons .wc-block-components-product-image {
  display: block !important;
}

/* Make the image wrapper a centered tile so all icons line up */
body.page-id-1185 .wc-block-components-product-image a,
body.page-slug-add-ons .wc-block-components-product-image a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 88px !important;
  height: 88px !important;
  margin: 0 auto 12px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.72) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important;
  overflow: hidden !important;
}

/* Ensure the <img> sits correctly and doesn't stretch */
body.page-id-1185 .wc-block-components-product-image img,
body.page-slug-add-ons .wc-block-components-product-image img {
  width: 76px !important;
  height: 76px !important;
  object-fit: contain !important;
  border-radius: 14px !important;
  display: block !important;
}

/* Some themes add inner containers that can interfere; neutralize */
body.page-id-1185 .wc-block-components-product-image__inner-container,
body.page-slug-add-ons .wc-block-components-product-image__inner-container {
  display: contents !important;
}

/* ===== C: Improve card alignment & spacing so titles/buttons look "designed" ===== */

/* Product card container (li) in the template */
body.page-id-1185 .wp-block-woocommerce-product-template > li,
body.page-slug-add-ons .wp-block-woocommerce-product-template > li {
  text-align: center !important;
}

/* Title spacing */
body.page-id-1185 .wp-block-woocommerce-product-title,
body.page-slug-add-ons .wp-block-woocommerce-product-title {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  line-height: 1.15 !important;
}

/* Price spacing */
body.page-id-1185 .wp-block-woocommerce-product-price,
body.page-slug-add-ons .wp-block-woocommerce-product-price {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  opacity: 0.9 !important;
}

/* Button alignment */
body.page-id-1185 .wp-block-woocommerce-add-to-cart-button,
body.page-slug-add-ons .wp-block-woocommerce-add-to-cart-button {
  margin-top: 0 !important;
}

/* Keep cards visually consistent height where possible */
body.page-id-1185 .wp-block-woocommerce-product-template > li > *:last-child,
body.page-slug-add-ons .wp-block-woocommerce-product-template > li > *:last-child {
  margin-bottom: 0 !important;
}

/* Responsive: slightly smaller icon tile on phones */
@media (max-width: 480px) {
  body.page-id-1185 .wc-block-components-product-image a,
  body.page-slug-add-ons .wc-block-components-product-image a {
    width: 74px !important;
    height: 74px !important;
    border-radius: 16px !important;
    margin-bottom: 10px !important;
  }
  body.page-id-1185 .wc-block-components-product-image img,
  body.page-slug-add-ons .wc-block-components-product-image img {
    width: 64px !important;
    height: 64px !important;
  }
}