/* Compound V: age gate and email pop-up overlays (markup in the footer part; look from block attributes).
   CSS only for the fixed overlay, the open state and the badges WooCommerce prints in PHP. */
.cv-agegate, .cv-capture-pop { position: fixed; inset: 0; z-index: var(--wp--custom--z--modal); display: none !important; place-items: center; padding: var(--wp--custom--layout--gutter-mobile); background: var(--wp--preset--color--overlay); margin: 0 !important; max-width: none !important; }
.cv-agegate.is-open, .cv-capture-pop.is-open { display: grid !important; }
.cv-agegate > *, .cv-capture-pop > * { width: min(100%, var(--wp--custom--layout--panel-min)); margin: 0 !important; position: relative; }
html.cv-modal-open { overflow: hidden; }
.cv-capture-pop__close { position: absolute; top: var(--wp--preset--spacing--30); right: var(--wp--preset--spacing--30); margin: 0 !important; }
.cv-capture-pop__close a { display: grid; place-items: center; width: var(--wp--custom--control--min); height: var(--wp--custom--control--min); font-size: 0; text-decoration: none; }
.cv-capture-pop__close a::before { content: ""; width: var(--wp--custom--icon--sm); height: var(--wp--custom--icon--sm); background: var(--wp--preset--color--contrast); -webkit-mask: var(--wp--custom--icon-url--x) center / contain no-repeat; mask: var(--wp--custom--icon-url--x) center / contain no-repeat; }
/* research-use mark: the small crimson square before research-use lines */
.cv-ruo::before { content: ""; display: inline-block; width: var(--wp--preset--spacing--20); height: var(--wp--preset--spacing--20); margin-right: var(--wp--preset--spacing--20); background: var(--wp--preset--color--error); vertical-align: middle; }
/* prices printed by inc/compliance.php: from + struck MRP + % OFF badge */
.cv-price-from { font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--regular); color: var(--wp--preset--color--accent-4); }
.wc-block-components-product-price ins, .wp-block-woocommerce-product-price ins, .price ins { text-decoration: none; color: var(--wp--preset--color--accent-1); }
.wp-block-woocommerce-product-price del, .price del { color: var(--wp--preset--color--accent-4); font-size: var(--wp--preset--font-size--x-small); font-weight: var(--wp--custom--font-weight--regular); }
.cv-off { display: inline-flex; align-items: center; padding: 0 var(--wp--preset--spacing--20); border-radius: var(--wp--custom--radius--badge); background: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--on-accent); font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--x-small); font-weight: var(--wp--custom--font-weight--medium); letter-spacing: var(--wp--custom--letter-spacing--badge); line-height: var(--wp--custom--line-height--body); vertical-align: middle; }
/* editor: show both overlays as normal panels so they can be edited */
.editor-styles-wrapper .cv-agegate, .editor-styles-wrapper .cv-capture-pop { position: relative; inset: auto; display: grid !important; margin-block: var(--wp--preset--spacing--40) !important; }
/* Hostinger Reach form inside the pop-up (plugin markup): store button and field look */
.cv-capture-pop form :is(button, input[type="submit"]) { min-height: var(--wp--custom--control--min); width: 100%; border: 0; border-radius: var(--wp--custom--radius--button); background: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--on-accent); font-family: var(--wp--preset--font-family--body); font-weight: var(--wp--custom--font-weight--semibold); cursor: pointer; }
.cv-capture-pop form :is(button, input[type="submit"]):hover { background: var(--wp--preset--color--accent-1-strong); }
.cv-capture-pop form input[type="email"] { min-height: var(--wp--custom--control--min); border: var(--wp--custom--border--hairline) solid var(--wp--preset--color--border-strong); border-radius: var(--wp--custom--radius--input); padding-inline: var(--wp--preset--spacing--30); }
/* reconstitution calculator ([cv_calculator], inc/launch.php) */

/* Discount code shown after a successful pop-up sign-up */
.cv-capture-code { margin-top: var(--wp--preset--spacing--20, .5rem); font-size: var(--wp--preset--font-size--small, .875rem); }
.cv-capture-code strong { font-family: var(--wp--preset--font-family--mono, monospace); letter-spacing: .04em; }

/* Reach sign-up button: the block's "light" text colour resolves to the button blue, so the label vanished */
.hostinger-reach-block-submit,
.hostinger-reach-block-submit:hover,
.hostinger-reach-block-submit:focus { color: #ffffff !important; }

/* Hide the WhatsApp float while the mobile menu overlay is open (it sat on top of the menu) */
html:has(.wp-block-navigation__responsive-container.is-menu-open) .cv-wa-float { display: none !important; }
