/** * NivoSync — host-theme / page-builder bleed guard. * * WHY THIS FILE EXISTS * Page builders (Elementor kits: `.elementor-kit-N button {...}`) and host * themes ship global element styles at (0,1,1) specificity that tie with the * skins' own base resets — and whoever loads LAST wins a tie. Kit/theme CSS * loads after plugin CSS, so foreign fonts, colours, letter-spacing and * backgrounds bled into NivoSync buttons, inputs and headings. * * HOW IT WORKS * This stylesheet is enqueued during `wp_footer`, so WordPress prints it AFTER * every stylesheet — it wins those ties by source order instead of by * specificity. Every rule here stays at LOW specificity (root class + element, * (0,1,1)) and mirrors the skins' clean baseline, so: * • any kit/theme element-global loses (source order), and * • every skin's own component rule, at (0,2,0)+, still wins normally. * No !important anywhere — the cascade stays healthy for skins and merchants. * * Scoped to every NivoSync surface root; nothing here can leak into the host * page outside NivoSync markup. * * @package NivoSync */ /* ── Buttons: neutralise foreign backgrounds/typography/colours ──────────── */ .ns-diamonds-wrapper button, .ns-diamonds-wrapper input[type="button"], .ns-diamonds-wrapper input[type="submit"], .ns-diamonds-wrapper input[type="reset"], .nivosync-wrapper button, .nivosync-wrapper input[type="button"], .nivosync-wrapper input[type="submit"], .nivosync-wrapper input[type="reset"], .ns-single-diamond button, .ns-single-diamond input[type="button"], .ns-single-diamond input[type="submit"], .ns-single button, .ns-rb-page button, .ns-rb-page input[type="button"], .ns-rb-page input[type="submit"], .ns-modal button, .ns-modal input[type="submit"] { font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; letter-spacing: inherit; text-transform: none; color: inherit; background-color: transparent; background-image: none; border: 0; border-radius: 0; box-shadow: none; text-shadow: none; padding: 0; margin: 0; text-decoration: none; cursor: pointer; } /* Kit hover/focus globals ((0,1,2)) also need same-order wins. */ .ns-diamonds-wrapper button:hover, .ns-diamonds-wrapper button:focus, .ns-diamonds-wrapper input[type="button"]:hover, .ns-diamonds-wrapper input[type="submit"]:hover, .nivosync-wrapper button:hover, .nivosync-wrapper button:focus, .ns-single-diamond button:hover, .ns-rb-page button:hover, .ns-rb-page button:focus, .ns-modal button:hover { background-color: transparent; color: inherit; text-decoration: none; } /* ── Text inputs / selects: keep the skin's typography, not the kit's ────── */ .ns-diamonds-wrapper input, .ns-diamonds-wrapper select, .ns-diamonds-wrapper textarea, .nivosync-wrapper input, .nivosync-wrapper select, .nivosync-wrapper textarea, .ns-single-diamond input, .ns-single-diamond select, .ns-rb-page input, .ns-rb-page select, .ns-rb-page textarea, .ns-modal input, .ns-modal select, .ns-modal textarea { font-family: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; text-transform: none; color: inherit; } /* ── Headings: block kit display-font/letterspacing injection ────────────── */ .ns-diamonds-wrapper h1, .ns-diamonds-wrapper h2, .ns-diamonds-wrapper h3, .ns-diamonds-wrapper h4, .ns-diamonds-wrapper h5, .ns-diamonds-wrapper h6, .nivosync-wrapper h1, .nivosync-wrapper h2, .nivosync-wrapper h3, .nivosync-wrapper h4, .nivosync-wrapper h5, .nivosync-wrapper h6, .ns-single-diamond h1, .ns-single-diamond h2, .ns-single-diamond h3, .ns-single-diamond h4, .ns-single-diamond h5, .ns-single-diamond h6, .ns-rb-page h1, .ns-rb-page h2, .ns-rb-page h3, .ns-rb-page h4, .ns-rb-page h5, .ns-rb-page h6 { font-family: inherit; letter-spacing: inherit; text-transform: none; color: inherit; } /* ── Links: no kit link-colour/underline inside NivoSync markup ──────────── */ .ns-diamonds-wrapper a, .nivosync-wrapper a, .ns-single-diamond a, .ns-rb-page a, .ns-modal a { color: inherit; text-decoration: none; }