/* Make product grid full width */
.full-width-products {
    max-width: 100% !important;
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 20px;
}

/* Adjust product columns */
.full-width-products ul.products {
    max-width: 100% !important;
    width: 100% !important;
}

.full-width-products ul.products li.product {
    width: 31% !important;
    margin: 0 1.15% 30px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .full-width-products ul.products li.product {
        width: 48% !important;
        margin: 0 1% 20px !important;
    }
}

@media (max-width: 480px) {
    .full-width-products ul.products li.product {
        width: 100% !important;
        margin: 0 0 20px !important;
    }
}

/* Reduce size of PayPal and Google Pay buttons */
.wc-block-components-checkout-express-payment__payment-method,
.wc-braintree-paypal-button,
.google-pay-container,
.gpay-card-info-container {
    max-width: 250px !important;
    margin: 10px auto !important;
}

/* Center the buttons */
.wc-block-components-checkout-express-payment {
    text-align: center;
}
/* Force smaller PayPal + Google Pay buttons on product pages */
.single-product .wc-block-components-checkout-express-payment__payment-method,
.single-product .wc-braintree-paypal-button,
.single-product .google-pay-container,
.single-product .gpay-card-info-container,
.single-product .express-payments-wrapper,
.single-product .wc-block-components-checkout-express-payment {
    max-width: 180px !important;
    width: 180px !important;
    height: auto !important;
    display: block !important;
    margin: 10px auto !important;
    transform: scale(0.8) !important; /* shrink button */
    transform-origin: center !important;
}

/* Some themes wrap the button inside another container */
.single-product button,
.single-product .paypal-buttons,
.single-product .google-pay-button-container {
    max-width: 180px !important;
    width: 180px !important;
    margin: 10px auto !important;
}
/* Force smaller Google Pay button (all gateways) */
.single-product .google-pay-button,
.single-product .google-pay-button-container,
.single-product gpay-button,
.single-product .gpay-card-info-container,
.single-product .gpay-button-container,
.single-product .wc-block-components-google-pay-container,
.single-product .express-payment-method-google-pay {
    max-width: 180px !important;
    width: 180px !important;
    height: auto !important;
    margin: 10px auto !important;
    display: block !important;
    transform: scale(0.75) !important;
    transform-origin: center !important;
}

/* Extra: override inline styles Google Pay injects */
.single-product gpay-button > div,
.single-product gpay-button > button {
    max-width: 180px !important;
    width: 180px !important;
    height: auto !important;
}/* Custom flower blend styling */
.woocommerce div.product .product-input-fields {
    background: #faf9f7;
    padding: 20px;
    border-radius: 14px;
    margin-top: 20px;
    border: 1px solid #eee;
}

.woocommerce div.product .product-input-fields select {
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 12px;
}

.woocommerce div.product .product-input-fields label {
    font-weight: 600;
}
/* flower remedy selector layout */
.product-input-fields{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.product-input-fields .input-field{
  width:48%;
}

.product-input-fields label{
  font-weight:600;
}

.product-input-fields select{
  border-radius:10px;
  padding:10px;
}/* --- Alma Flow: Flower Remedy selector (product page) --- */

/* Put the remedy selects into a clean "wellness card" */
.single-product form.cart{
  background: #faf9f7;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 16px;
  margin-top: 16px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
}

/* Two-column layout for the dropdowns on desktop */
@media (min-width: 900px){
  .single-product form.cart label{
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
  }

  /* Most plugins render each field inside some wrapper div.
     This makes wrappers behave like 2 columns when possible. */
  .single-product form.cart .input-field,
  .single-product form.cart .pif-field,
  .single-product form.cart .wapf-field,
  .single-product form.cart .field,
  .single-product form.cart .form-row{
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
  }
  .single-product form.cart .input-field:nth-of-type(2n),
  .single-product form.cart .pif-field:nth-of-type(2n),
  .single-product form.cart .wapf-field:nth-of-type(2n),
  .single-product form.cart .field:nth-of-type(2n),
  .single-product form.cart .form-row:nth-of-type(2n){
    margin-right: 0;
  }
}

/* Make the selects look premium */
.single-product form.cart select{
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  padding: 12px;
  background: #fff;
}

/* Keep the Add to cart button nice */
.single-product form.cart .single_add_to_cart_button{
  border-radius: 14px;
  padding: 14px 18px;
}