/* compat.css: neutralises the Simple Custom CSS plugin (sccss, printed at wp_head 101 on every theme) where it breaks the theme.
   Every selector starts with html body.rgn-theme so it out-specifies the original; this is the only file besides print/reduced-motion
   blocks that may use !important. Respected as client choices and left alone: .coupon and .woocommerce-form-coupon-toggle hidden,
   .wp-image-3324 hidden, img {max-width:100%}. */

/* html, body {overflow-x:hidden!important} turns body into a scroll container and breaks position:sticky; clip does not.
   html keeps hidden, which propagates to the viewport. */
html body.rgn-theme{overflow-x:clip!important}

/* hidden stays hidden inside theme components (share labels); plugin markup is left alone (F20) */
html body.rgn-theme [data-rgn-component] [hidden]:not([hidden="until-found"]),
html body.rgn-theme [data-rgn-component][hidden]:not([hidden="until-found"]){display:none!important}

/* red WooCommerce buttons (#ff0000 with white text, 4.0:1) and their side margin */
html body.rgn-theme .woocommerce #respond input#submit,
html body.rgn-theme .woocommerce a.button,
html body.rgn-theme .woocommerce button.button,
html body.rgn-theme .woocommerce input.button{background-color:var(--rgn-orange);color:var(--rgn-cta-ink);margin-right:0}
html body.rgn-theme .woocommerce #respond input#submit:disabled,
html body.rgn-theme .woocommerce a.button.disabled,
html body.rgn-theme .woocommerce button.button:disabled,
html body.rgn-theme .woocommerce input.button:disabled{background-color:var(--rgn-bg-alt);color:var(--rgn-muted)}

/* red product price with a negative left margin */
html body.rgn-theme .woocommerce div.product p.price,
html body.rgn-theme .woocommerce div.product span.price{color:var(--rgn-navy);margin-left:0}

/* variation price: centred, fixed width, pushed right */
html body.rgn-theme .woocommerce-variation-price{float:none!important;width:auto!important;margin-left:0!important;padding-left:0!important;text-align:start!important}

/* "View cart" link floated left with fixed margins after an add to cart */
html body.rgn-theme a.button.wc-forward{float:none!important;margin-right:0!important;margin-bottom:0!important}

/* 30 px form fields */
html body.rgn-theme .woocommerce form .form-row input.input-text{height:auto;min-height:48px}
html body.rgn-theme .woocommerce div.product form.cart .variations select{height:auto;min-height:48px}

/* Cart coupon row: today WooCommerce's block-theme stylesheet (woocommerce-blocktheme.css, loaded only for block themes) overrides the
   sccss rule .coupon{display:none} and shows it; a classic theme does not load that file. Same rule here so the cart text stays identical. */
html body.rgn-theme.woocommerce-page .woocommerce-cart-form .coupon{display:flex;align-items:center;flex-wrap:wrap}