/*
 * Variable products — Option B (child theme mbg only)
 * Hide main summary price; keep variation price after dropdowns.
 * Survives Astra / WooCommerce / plugin updates.
 * Undo: MBG_VARIABLE_PRICE_OPTION_B = false in inc/mbg-variable-price.php
 */

/* Summary price under short description (Astra / Woo / leftovers) */
.product-type-variable .summary .price:not(.woocommerce-variation-price .price):not(.single_variation .price),
.product-type-variable .entry-summary .price:not(.woocommerce-variation-price .price):not(.single_variation .price),
.woocommerce div.product.product-type-variable .summary > .price,
.woocommerce div.product.product-type-variable .summary > p.price {
  display: none !important;
}

/* Price after Size / Delivery dropdowns */
.product-type-variable .single_variation_wrap .woocommerce-variation-price,
.product-type-variable .single_variation_wrap .single_variation,
.product-type-variable form.variations_form .woocommerce-variation-price,
.woocommerce div.product.product-type-variable form.cart .single_variation_wrap .single_variation,
.woocommerce div.product.product-type-variable form.cart .single_variation_wrap .woocommerce-variation-price {
  display: block !important;
}

.product-type-variable .single_variation_wrap .woocommerce-variation-price {
  margin: 8px 0 12px;
}

.product-type-variable .single_variation_wrap .woocommerce-variation-price .price,
.product-type-variable .single_variation .price {
  display: inline-block !important;
  font-weight: 700;
}

/* Override Astra child responsive.css (max-width: 767px) hiding .single_variation */
@media screen and (max-width: 767px) {
  .woocommerce div.product.product-type-variable form.cart .single_variation_wrap .single_variation,
  .product-type-variable .single_variation_wrap .woocommerce-variation-price,
  .product-type-variable .single_variation_wrap .woocommerce-variation-price .price {
    display: block !important;
  }

  .product-type-variable .single_variation_wrap .woocommerce-variation-price .price {
    display: inline-block !important;
  }
}

/* Also kill narrow centered form from responsive.css (max-width: 921px) */
@media only screen and (max-width: 921px) {
  .single-product.woocommerce div.product.product-type-variable form.cart,
  .single-product div.product.product-type-variable form.cart {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/*
 * ONLY 320px–393px: qty + Add to cart on one row, no horizontal scroll.
 * Do not apply above 393px — Elementor page CSS owns that range.
 */
@media screen and (min-width: 320px) and (max-width: 393px) {
  body.page-id-4110,
  body.page-id-4128,
  body.page-id-3860,
  body.single-product {
    overflow-x: clip;
  }

  body.page-id-4110 .elementor,
  body.page-id-4128 .elementor,
  body.page-id-3860 .elementor,
  body.page-id-4110 .ast-container,
  body.page-id-4128 .ast-container,
  body.page-id-3860 .ast-container,
  body.single-product .ast-container,
  body.page-id-4110 .entry-content,
  body.page-id-4128 .entry-content,
  body.page-id-3860 .entry-content,
  .summary.entry-summary,
  .woocommerce div.product form.cart,
  .woocommerce div.product form.cart.variations_form,
  .single_variation_wrap {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: clip;
  }

  .woocommerce div.product form.cart div.quantity::before,
  .woocommerce-variation-add-to-cart .quantity::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    left: 0 !important;
  }

  .woocommerce-variation-add-to-cart.variations_button,
  .woocommerce div.product form.cart .woocommerce-variation-add-to-cart.variations_button,
  body.page-id-4110 .woocommerce-variation-add-to-cart,
  body.page-id-4128 .woocommerce-variation-add-to-cart,
  body.page-id-3860 .woocommerce-variation-add-to-cart {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    column-gap: 6px !important;
    row-gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden;
  }

  .woocommerce-variation-add-to-cart::before,
  body.page-id-4110 .woocommerce-variation-add-to-cart::before,
  body.page-id-4128 .woocommerce-variation-add-to-cart::before,
  body.page-id-3860 .woocommerce-variation-add-to-cart::before {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    box-sizing: border-box;
  }

  .woocommerce-variation-add-to-cart .quantity,
  .woocommerce div.product form.cart .woocommerce-variation-add-to-cart .quantity,
  .woocommerce div.product form.cart div.quantity,
  body.page-id-4110 .woocommerce-variation-add-to-cart .quantity,
  body.page-id-4128 .woocommerce-variation-add-to-cart .quantity,
  body.page-id-3860 .woocommerce-variation-add-to-cart .quantity {
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .woocommerce-variation-add-to-cart .quantity .qty-btn,
  .woocommerce-variation-add-to-cart .quantity .qty-btn.qty-minus,
  .woocommerce-variation-add-to-cart .quantity .qty-btn.qty-plus {
    width: 30px !important;
    min-width: 30px !important;
    height: 38px !important;
    font-size: 16px !important;
    padding: 0 !important;
  }

  .woocommerce-variation-add-to-cart .quantity input.qty,
  .woocommerce-variation-add-to-cart .quantity .qty,
  .woocommerce div.product form.cart .quantity .qty {
    width: 34px !important;
    max-width: 34px !important;
    min-width: 0 !important;
    height: 38px !important;
    box-sizing: border-box !important;
  }

  .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  .woocommerce-variation-add-to-cart .button.single_add_to_cart_button,
  .woocommerce div.product form.cart .button.single_add_to_cart_button,
  .woocommerce div.product form.cart .woocommerce-variation-add-to-cart .button.single_add_to_cart_button,
  body.page-id-4110 .woocommerce div.product form.cart .button.single_add_to_cart_button,
  body.page-id-4128 .woocommerce div.product form.cart .button.single_add_to_cart_button,
  body.page-id-3860 .woocommerce div.product form.cart .button.single_add_to_cart_button,
  body.page-id-4110 .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  body.page-id-4128 .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  body.page-id-3860 .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: static !important;
    right: auto !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    font-size: 12px !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  .woocommerce-variation-add-to-cart > input[type="hidden"] {
    display: none !important;
  }

  .page-id-4110 .elementor-element-d22c88d,
  .page-id-4128 .elementor-element-d22c88d,
  .page-id-3860 .elementor-element-d22c88d,
  .page-id-4110 .elementor-element-89fcf8a,
  .page-id-4128 .elementor-element-89fcf8a,
  .page-id-3860 .elementor-element-89fcf8a {
    --padding-left: 8px !important;
    --padding-right: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .page-id-4110 .elementor-element-1d20aea,
  .page-id-4110 .elementor-element-5e7c050,
  .page-id-4110 .elementor-element-7149fea,
  .page-id-4110 .elementor-element-7313131,
  .page-id-4110 .elementor-element-5282d88,
  .page-id-4110 .elementor-element-8d012d4,
  .page-id-4128 .elementor-element-1d20aea,
  .page-id-4128 .elementor-element-5e7c050,
  .page-id-4128 .elementor-element-7149fea,
  .page-id-4128 .elementor-element-7313131,
  .page-id-4128 .elementor-element-5282d88,
  .page-id-4128 .elementor-element-8d012d4,
  .page-id-3860 .elementor-element-1d20aea,
  .page-id-3860 .elementor-element-5e7c050,
  .page-id-3860 .elementor-element-7149fea,
  .page-id-3860 .elementor-element-7313131,
  .page-id-3860 .elementor-element-5282d88,
  .page-id-3860 .elementor-element-8d012d4 {
    --padding-left: 0px !important;
    --padding-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/*
 * 394px–767px: full-width qty + ATC row (no centered empty sides).
 * Leaves 320–393px rules alone; does not change desktop (>767).
 */
@media screen and (min-width: 394px) and (max-width: 767px) {
  .woocommerce-variation-add-to-cart.variations_button,
  .woocommerce div.product form.cart .woocommerce-variation-add-to-cart.variations_button,
  body.page-id-4110 .woocommerce-variation-add-to-cart,
  body.page-id-4128 .woocommerce-variation-add-to-cart,
  body.page-id-3860 .woocommerce-variation-add-to-cart {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    column-gap: 8px !important;
    row-gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .woocommerce-variation-add-to-cart::before,
  body.page-id-4110 .woocommerce-variation-add-to-cart::before,
  body.page-id-4128 .woocommerce-variation-add-to-cart::before,
  body.page-id-3860 .woocommerce-variation-add-to-cart::before {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  .woocommerce-variation-add-to-cart .quantity,
  .woocommerce div.product form.cart .woocommerce-variation-add-to-cart .quantity,
  body.page-id-4110 .woocommerce-variation-add-to-cart .quantity,
  body.page-id-4128 .woocommerce-variation-add-to-cart .quantity,
  body.page-id-3860 .woocommerce-variation-add-to-cart .quantity {
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  .woocommerce-variation-add-to-cart .button.single_add_to_cart_button,
  .woocommerce div.product form.cart .button.single_add_to_cart_button,
  body.page-id-4110 .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  body.page-id-4128 .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  body.page-id-3860 .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  body.page-id-4110 .woocommerce div.product form.cart .button.single_add_to_cart_button,
  body.page-id-4128 .woocommerce div.product form.cart .button.single_add_to_cart_button,
  body.page-id-3860 .woocommerce div.product form.cart .button.single_add_to_cart_button {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: static !important;
    right: auto !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  .woocommerce-variation-add-to-cart > input[type="hidden"] {
    display: none !important;
  }
}