/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* =========================================
   AFA Auction Product Page - Layout Fixes v2
   (watchlist icon centering, buy now beside it,
    custom bid full-width pill, gallery matches card)
========================================= */

/* 1) Make the image area feel like it belongs next to the rounded card */
.single-product .product.product-type-auction .woocommerce-product-gallery {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}
.single-product .product.product-type-auction .woocommerce-product-gallery img {
  border-radius: 16px;
}

/* 2) Turn the summary “card” into a grid so we can place Watchlist + Buy Now side-by-side */
.single-product .product.product-type-auction .summary.entry-summary .summary-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* Default: everything spans full width */
.single-product .product.product-type-auction .summary.entry-summary .summary-container > * {
  grid-column: 1 / -1;
}

/* Let nested auction blocks participate in the grid */
.single-product .product.product-type-auction #auction-product-type,
.single-product .product.product-type-auction #auction-product-type .uwa_auction_product_ajax_change {
  display: contents;
}

/* Put Watchlist + Buy Now in one row */
.single-product .product.product-type-auction .uwa-watchlist-button {
  grid-column: 1 / 2;
  margin: 0 !important;
}
.single-product .product.product-type-auction form.buy-now.cart {
  grid-column: 2 / 3;
  margin: 0 !important;
}

/* Ensure both buttons match and are perfectly centered */
.single-product .product.product-type-auction .uwa-watchlist-button a,
.single-product .product.product-type-auction form.buy-now.cart button.single_add_to_cart_button {
  width: 100% !important;
  height: 46px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  line-height: 1 !important;
}

/* 3) Fix the “heart not centered” issue (plugin typically uses :before for the icon) */
.single-product .product.product-type-auction .uwa-watchlist-button a:before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  position: relative !important;
  top: 0 !important;
}

/* 4) Custom Bid label should go full width under the 2 buttons */
.single-product .product.product-type-auction .uwa-custom-bid {
  grid-column: 1 / -1;
  margin-top: 6px !important;
}

/* 5) Make the bid input a full-width pill (override your earlier #uwa_bid_value width:150px !important) */
.single-product .product.product-type-auction #uwa_auction_form .quantity.buttons_added {
  width: 100% !important;
  max-width: none !important;
  border-radius: 999px !important;
}

.single-product .product.product-type-auction #uwa_auction_form .uwa_currency {
  width: 52px !important;
  border-radius: 999px 0 0 999px !important;
}

.single-product .product.product-type-auction #uwa_bid_value {
  width: 100% !important;         /* this beats your earlier 150px */
  flex: 1 1 auto !important;
  border-radius: 0 999px 999px 0 !important;
}

/* Make the “Custom Bid” submit button full width + pill */
.single-product .product.product-type-auction #placebidbutton {
  width: 100% !important;
  border-radius: 999px !important;
}

/* Optional: hide the hint line since we’ll convert it to placeholder via JS */
.single-product .product.product-type-auction .uwa_inc_price_hint {
  display: none !important;
}