/* Loaded only on product pages belonging to the configured photomural category. */
.product-customization,
#product-customization,
.product-customization-section,
.product-customization form,
section.product-customization {
    display: none !important;
}

/* Hide PrestaShop/theme's standard add-to-cart controls. The customer must use
   the module's measured-product button, which validates width and height. */
#add-to-cart-or-refresh .add-to-cart,
#add-to-cart-or-refresh button[name="submit"][type="submit"],
#add-to-cart-or-refresh button[data-button-action="add-to-cart"],
.product-add-to-cart .add-to-cart,
.product-add-to-cart button[name="submit"][type="submit"],
.product-add-to-cart button[data-button-action="add-to-cart"],
.product-add-to-cart input[name="submit"] {
    display: none !important;
}

/* Extra theme compatibility: standard product purchase button only. */
body:has(.fmm-calculator) #add-to-cart-or-refresh .btn.add-to-cart,
body:has(.fmm-calculator) .product-add-to-cart .btn.add-to-cart,
body:has(.fmm-calculator) .product-add-to-cart [data-button-action="add-to-cart"] {
    display: none !important;
}

/* Hide the native quantity selector on configured photomural products.
   The module's own width/height fields are outside these wrappers and remain visible. */
body:has(.fmm-calculator) #quantity_wanted,
body:has(.fmm-calculator) label[for="quantity_wanted"],
body:has(.fmm-calculator) .product-quantity:has(#quantity_wanted),
body:has(.fmm-calculator) .qty:has(#quantity_wanted),
body:has(.fmm-calculator) .product-add-to-cart .input-group:has(#quantity_wanted),
body:has(.fmm-calculator) #add-to-cart-or-refresh .product-quantity {
    display: none !important;
}

/* Stronger compatibility for themes that place quantity in a separate wrapper. */
body:has(.fmm-calculator) #quantity_wanted,
body:has(.fmm-calculator) input[name="qty"],
body:has(.fmm-calculator) input[name="quantity_wanted"],
body:has(.fmm-calculator) .product-quantity,
body:has(.fmm-calculator) .product-add-to-cart .qty,
body:has(.fmm-calculator) .product-add-to-cart .bootstrap-touchspin,
body:has(.fmm-calculator) #add-to-cart-or-refresh .product-quantity,
body:has(.fmm-calculator) #add-to-cart-or-refresh .qty,
body:has(.fmm-calculator) label[for="quantity"],
body:has(.fmm-calculator) label[for="quantity_wanted"] { display:none !important; }


/* Hide standalone quantity captions used by common themes. The JS also handles
   labels rendered without a predictable class or 'for' attribute. */
body:has(.fmm-calculator) label[for="quantity"],
body:has(.fmm-calculator) label[for="quantity_wanted"],
body:has(.fmm-calculator) .product-quantity label,
body:has(.fmm-calculator) .qty label,
body:has(.fmm-calculator) .product-add-to-cart label[for*="quantity"] {
    display: none !important;
}