/* Datamancer product page: options card (variations, quantity, price, add to cart).
   Added 2026-09-12. The theme's original rules for this card were absolute-position
   hacks written before WooCommerce's stylesheet applied (body tag bug); this file
   restores a clean, in-flow layout. Scoped to the right-hand card only. */

.woocommerce.single-product .detail_rgt { padding: 12px 12px 18px; width: 298px; box-sizing: border-box; }
.woocommerce.single-product .detail_rgt .form { float: none; padding: 0 6px; width: auto; }
.woocommerce.single-product .detail_rgt .form h5 { font-size: 16px; font-weight: bold; padding: 0 0 8px; margin: 0; }

/* Stack the summary in a sensible order: base price first, then the form, then the running total. */
.woocommerce.single-product .detail_rgt .summary { display: flex; flex-direction: column; margin: 0; }
.woocommerce.single-product .detail_rgt .summary > p.price { order: -1; }
.woocommerce.single-product .detail_rgt .summary > form.cart { order: 0; }
.woocommerce.single-product .detail_rgt .summary > .product-total-price { order: 1; }

/* Base price ("Starting at $120.00"): plain, in flow, no injected "Total:" label. */
.woocommerce.single-product .detail_rgt .summary > p.price { position: static; top: auto; text-align: left; margin: 0 0 10px; padding: 0; font-size: 15px !important; font-weight: normal; color: #444; }
.woocommerce.single-product .detail_rgt .summary > p.price::before { content: none; }
.woocommerce.single-product .detail_rgt .summary > p.price .amount { font-weight: bold; color: #721c12; }

/* Variations table: label on top of each full-width select. */
.woocommerce.single-product .detail_rgt form.cart table.variations { width: 100%; margin: 0 0 6px; border: 0; }
.woocommerce.single-product .detail_rgt form.cart table.variations tr { display: block; margin: 0 0 10px; }
.woocommerce.single-product .detail_rgt form.cart table.variations td { display: block; padding: 0; border: 0; line-height: 1.4; }
.woocommerce.single-product .detail_rgt form.cart table.variations td.label label { display: block; float: none; margin: 0 0 3px !important; font-size: 14px; font-weight: bold; }
.woocommerce.single-product .detail_rgt form.cart table.variations select { display: block; width: 100% !important; max-width: 100%; min-width: 0; margin: 0; padding: 6px 8px; font-size: 14px; border: 1px solid #b8b8b8; border-radius: 3px; box-shadow: none; background: #fff; }
.woocommerce.single-product .detail_rgt form.cart table.variations .reset_variations { display: inline-block; margin: 4px 0 0; font-size: 12px; color: #721c12; }

/* Selected-variation price (appears after choosing options). */
.woocommerce.single-product .detail_rgt .woocommerce-variation-price { margin: 4px 0 8px; }
.woocommerce.single-product .detail_rgt .woocommerce-variation-price .price { position: static; top: auto; width: auto; height: auto; padding: 0; margin: 0; text-align: left; font-size: 15px !important; background: none; }
.woocommerce.single-product .detail_rgt .woocommerce-variation-price .price::before { content: "Price: "; float: none; position: static; font-weight: bold; }
.woocommerce.single-product .detail_rgt .woocommerce-variation-price .amount { position: static; left: auto; padding: 0 !important; color: #721c12; }
.woocommerce.single-product .detail_rgt .woocommerce-variation-availability { margin: 0 0 6px; font-size: 13px; }

/* Quantity: inline label + small input. */
.woocommerce.single-product .detail_rgt form.cart .quantity { position: static; z-index: auto; display: flex; align-items: center; gap: 8px; float: none; margin: 6px 0 10px; }
.woocommerce.single-product .detail_rgt form.cart .quantity::before { content: "Quantity:"; position: static; bottom: auto; font-size: 14px; font-weight: bold; }
.woocommerce.single-product .detail_rgt form.cart .quantity input.qty { float: none; width: 70px !important; margin: 0 !important; padding: 6px 4px; text-align: center; font-size: 14px; border: 1px solid #b8b8b8; border-radius: 3px; }

/* Add to cart: full-width theme-red button, no offsets. */
.woocommerce.single-product .detail_rgt form.cart .single_add_to_cart_button { position: static; right: auto; bottom: auto; display: block; width: 100%; margin: 4px 0 0 !important; padding: 12px 16px; font-size: 16px !important; font-weight: bold; color: #fff; background: #721c12; border: 0 !important; border-radius: 3px; cursor: pointer; }
.woocommerce.single-product .detail_rgt form.cart .single_add_to_cart_button:hover { background: #8d2418; }
.woocommerce.single-product .detail_rgt form.cart .single_add_to_cart_button.disabled,
.woocommerce.single-product .detail_rgt form.cart .single_add_to_cart_button:disabled { opacity: .45; cursor: not-allowed; }
.woocommerce.single-product .detail_rgt .woocommerce-variation-add-to-cart { margin: 0; }

/* Running total from the Price x Quantity plugin: one clean line, no absolute "$" trick. */
.woocommerce.single-product .detail_rgt .product-total-price { display: flex; align-items: baseline; gap: 4px; margin: 12px 0 0; padding: 10px 0 0; border-top: 1px solid #e3e2e2; font-size: 16px; }
.woocommerce.single-product .detail_rgt .product-total-price::before { content: "Total:"; font-weight: bold; }
.woocommerce.single-product .detail_rgt .product-total-price .pricesymbal { position: static; margin: 0; font-size: 16px; z-index: auto; }
.woocommerce.single-product .detail_rgt .product-total-price .ppqp-price-fix { display: inline; }
.woocommerce.single-product .detail_rgt .product-total-price .ppqp-price-fix .price { position: static; top: auto; right: auto; width: auto; height: auto; padding: 0; margin: 0; background: none; font-size: 16px !important; font-weight: bold; color: #721c12; }
.woocommerce.single-product .detail_rgt .product-total-price .ppqp-price-fix .price::before { content: none; }
.woocommerce.single-product .detail_rgt .product-total-price .pricesymbal + .ppqp-price-fix .price::before { content: none; }

@media (max-width: 767px) {
	.woocommerce.single-product .detail_rgt { width: 100%; margin-left: 0; }
}

/* WooCommerce floats div.summary at 48% width; inside the card it must fill the card. */
.woocommerce.single-product div.product .detail_rgt div.summary { float: none; width: 100%; max-width: 100%; }
.woocommerce.single-product div.product .detail_rgt .form { width: auto; }

/* "Starting at" prefix: keep it inline in front of the amount. */
.woocommerce.single-product .detail_rgt .summary > p.price .from { position: static; float: none; margin: 0 4px 0 0; left: auto; top: auto; display: inline; font-size: 14px; }

/* No dead space between the selects and the quantity row when nothing is selected yet. */
.woocommerce.single-product .detail_rgt .single_variation_wrap .woocommerce-variation { margin: 0; min-height: 0; }
.woocommerce.single-product .detail_rgt .single_variation_wrap .woocommerce-variation > div:empty { display: none; }

/* The theme used !important on its old price hacks; match it so these win. */
.woocommerce.single-product .detail_rgt .woocommerce-variation-price .price::before { content: "Price: " !important; float: none !important; position: static !important; top: auto !important; left: auto !important; background: none !important; }
.woocommerce.single-product .detail_rgt .product-total-price .ppqp-price-fix .price::before { content: none !important; }
.woocommerce.single-product .detail_rgt .product-total-price .pricesymbal { position: static !important; margin: 0 !important; }
.woocommerce.single-product .detail_rgt .product-total-price .ppqp-price-fix .price { top: auto !important; padding: 0 !important; }
.woocommerce.single-product .detail_rgt .summary > p.price .from { margin-right: 6px; }
.woocommerce.single-product .detail_rgt .woocommerce-variation-price { margin: 0 0 8px !important; }
.woocommerce.single-product .detail_rgt .woocommerce-variation-description:empty, .woocommerce.single-product .detail_rgt .woocommerce-variation-availability:empty { display: none; margin: 0; }

/* Render the variations table as plain blocks (removes phantom table spacing), and undo the theme offset on the base price amount. */
.woocommerce.single-product .detail_rgt form.cart table.variations, .woocommerce.single-product .detail_rgt form.cart table.variations tbody { display: block; border-spacing: 0; border-collapse: collapse; }
.woocommerce.single-product .detail_rgt .summary > p.price .amount { position: static !important; left: auto !important; top: auto !important; }
.woocommerce.single-product .detail_rgt .woocommerce-variation-price .price::before { color: #333 !important; }
.woocommerce.single-product .detail_rgt .woocommerce-variation-price .price { color: #721c12 !important; }

/* Theme nudged the variation block down 42px; keep it in flow. */
.woocommerce.single-product .detail_rgt form.cart .single_variation_wrap { position: static !important; top: auto !important; margin: 0; }
.woocommerce.single-product .detail_rgt form.cart .single_variation_wrap { bottom: auto !important; padding-bottom: 0 !important; }

/* Polish: no float on the button, tight currency symbol in the total line. */
.woocommerce.single-product .detail_rgt form.cart .single_add_to_cart_button { float: none !important; }
.woocommerce.single-product .detail_rgt .product-total-price { gap: 0; }
.woocommerce.single-product .detail_rgt .product-total-price::before { margin-right: 6px; }