/* * RahkarTheme — اطلاع از موجودی (back-in-stock) button + modal. * * Loaded only on single-product pages with an OOS state. All values come * from theme.json tokens. The button is a primary CTA (brand blue), per the * brand rule — never the accent red. */ /* ------------------------------------------------------------------------- * The notify button — drops into the cart bar where the add-to-cart / * disabled «ناموجود» button would be. Matches the add-btn footprint so the * bar height never shifts (CLS = 0). * ------------------------------------------------------------------------- */ .rh-product__notify-btn { flex: 1; min-height: var(--wp--custom--button--h--lg, 52px); border: 0; border-radius: var(--wp--custom--button--radius, 10px); background: var(--wp--preset--color--primary, #0a66c2); color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: var(--wp--custom--button--gap, 8px); cursor: pointer; padding: 0 var(--wp--custom--button--px--lg, 22px); font-weight: var(--wp--custom--button--fw, 600); font-size: var(--wp--custom--button--fs--lg, 1rem); font-family: inherit; transition: background-color 120ms linear, transform 80ms linear; } /* The explicit display above outranks the UA [hidden] rule, so a button shipped * `hidden` (variable parent that's in stock but has OOS variations — revealed by * product-single.js only when an OOS variation is picked) would otherwise show * on first paint. Re-assert hidden at class+attribute specificity. */ .rh-product__notify-btn[hidden] { display: none; } .rh-product__notify-btn:hover { background: var(--wp--preset--color--primary-dark, #074a8d); } .rh-product__notify-btn:focus-visible { outline: 2px solid var(--wp--preset--color--primary, #0a66c2); outline-offset: 2px; } .rh-product__notify-btn:active { transform: translateY(1px); } .rh-product__notify-icon { display: inline-flex; align-items: center; flex: 0 0 auto; } /* ------------------------------------------------------------------------- * The subscribe modal (native