/* ========================================================================== ELEMENTOR STYLE GUARD -------------------------------------------------------------------------- Elementor publishes a global "kit" stylesheet (post-N.css) that styles bare elements site-wide, not just Elementor widgets: .elementor-kit-8 button, .elementor-kit-8 input[type="button"], .elementor-kit-8 input[type="submit"], .elementor-kit-8 .elementor-button { background-color: var(--e-global-color-accent); … } .elementor-kit-8 button:hover { background-color: #4F3B24; } .elementor-kit-8 { font-family: …; color: …; } .elementor-kit-8 h1, … h6 { font-family: …; } Because those selectors sit on , they reach every element the theme renders — the FAQ accordion triggers, the nav toggle, the form submit, and the site's typography. That is the brown accordion header and brown hover in the reported screenshots. This file wins them back, and is enqueued last so it lands after the kit. THE ONE RULE THIS FILE FOLLOWS Every selector below contains at least one class that only this theme ever emits (.accordion__trigger, .btn, .nav-toggle, .site-header, .page-head, .prose, .form, .chip, .adf-pagination …). Elementor never outputs those, so nothing here can reach an Elementor widget. A Theme Builder header, footer, archive or single template keeps its own styling exactly as designed — which is the whole point of the dual-mode setup. Specificity, since that is the mechanism: Elementor .elementor-kit-8 button -> (0,1,1) .elementor-kit-8 button:hover -> (0,2,1) Here body.adf-theme .accordion__trigger -> (0,2,1) + later = wins body.adf-theme .accordion__trigger:hover -> (0,3,1) = wins ========================================================================== */ /* -------------------------------------------------------------------------- 1. Buttons the theme renders. -------------------------------------------------------------------------- */ /* FAQ / accordion triggers — the component in the screenshots. */ body.adf-theme .accordion__trigger, body.adf-theme .accordion__trigger:hover, body.adf-theme .accordion__trigger:focus, body.adf-theme .accordion__trigger:active, body.adf-theme .accordion__trigger[aria-expanded="true"] { background-color: transparent; background-image: none; color: var(--text); border: 0; border-radius: 0; box-shadow: none; text-shadow: none; font-family: var(--font-display); text-transform: none; letter-spacing: normal; } body.adf-theme .accordion__trigger:hover { color: var(--accent-ink, var(--accent)); } body.adf-theme .accordion__trigger:focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; } /* The mobile-nav toggle and its close button. */ body.adf-theme .nav-toggle, body.adf-theme .nav-toggle:hover, body.adf-theme .nav-toggle:focus, body.adf-theme .nav-toggle:active { background-color: transparent; background-image: none; color: inherit; box-shadow: none; border-radius: var(--r); text-transform: none; letter-spacing: normal; } /* Every .btn on the site, including