/*
 * Amazol - Archive Purchase Button Fix
 *
 * CONFIRMED CAUSE (ShopBuilder 3.2.5 "preset6" product card). Three rules in
 * ShopBuilder's own bundle fight over one element:
 *
 *   A) inside @media (max-width:767px)
 *      .rtsb-elementor-container .rtsb-product .rtsb-action-buttons.bottom-part
 *        { opacity:1; transform:translateY(0); visibility:visible }   <- their mobile reveal
 *
 *   B) TOP LEVEL, no media query
 *      .rtsb-elementor-container .rtsb-action-buttons.preset6.bottom-part
 *        { opacity:0; visibility:hidden; transform:translateY(120%) }  <- hides it again
 *
 *   C) .rtsb-product:hover .rtsb-action-buttons.preset6.bottom-part
 *        { transform:translateY(0) }                                  <- transform ONLY
 *
 * A and B have identical specificity (0,4,0); media queries add no specificity,
 * so source order decides and B comes later. B therefore wins at every viewport
 * width, defeating ShopBuilder's own mobile reveal. C, the only :hover rule,
 * never restores opacity/visibility. Net result: the labelled "Add to Cart" /
 * "Select options" bar is invisible AND unclickable on desktop and mobile.
 *
 * FIX (owner-chosen option, 2026-10-12): make the bar permanently visible on
 * every device rather than relying on :hover.
 *
 * Scope: ONLY `.rtsb-action-buttons.preset6.bottom-part` inside
 * `.rtsb-elementor-container` - i.e. the ShopBuilder archive product-card action
 * bar. Nothing else on the site matches.
 *
 * This restores visibility only. No colour, size, spacing, font, border or
 * layout property is set, so the plugin's styling is untouched and variable
 * products keep their existing behaviour (their control links through to the
 * product page, where options are selected).
 *
 * `transform` is included because it is part of the same hidden state, not a
 * restyle: B parks the bar at translateY(120%), i.e. ~60px below its slot, where
 * it is clipped by the card. Opacity alone would leave it invisible. ShopBuilder's
 * own mobile rule (A) sets all three for exactly this reason.
 *
 * `body` is prepended purely to reach specificity (0,4,1) so this beats rule B
 * on specificity rather than relying on load order, and without !important.
 */

body .rtsb-elementor-container .rtsb-action-buttons.preset6.bottom-part {
	opacity: 1;
	visibility: visible;
	transform: translateY( 0 );
}
