/* Webbo Sticky State v0.1.4
 * CSS-only active-state styling.
 * No MutationObserver, scroll listeners, polling or frontend JavaScript.
 *
 * Important: custom properties may exist on the widget before sticky state,
 * but they do not style anything until one of the active sticky selectors
 * below matches.
 */

/* Background and border. Unset variables make these declarations invalid,
 * so the existing Elementor value remains untouched. */
.elementor-sticky--effects .webbo-sticky-style-enabled,
.she-header .webbo-sticky-style-enabled,
.elementor-sticky--effects.webbo-sticky-style-enabled,
.she-header.webbo-sticky-style-enabled {
    background-color: var(--webbo-sticky-background-color) !important;
    border-color: var(--webbo-sticky-border-color) !important;
}

/* Sticky text / link colour. */
.elementor-sticky--effects .webbo-sticky-style-enabled,
.elementor-sticky--effects .webbo-sticky-style-enabled a,
.elementor-sticky--effects .webbo-sticky-style-enabled .elementor-heading-title,
.elementor-sticky--effects .webbo-sticky-style-enabled .elementor-item,
.elementor-sticky--effects .webbo-sticky-style-enabled .elementor-nav-menu a,
.elementor-sticky--effects .webbo-sticky-style-enabled .menu-item > a,
.elementor-sticky--effects .webbo-sticky-style-enabled .elementor-button-text,
.she-header .webbo-sticky-style-enabled,
.she-header .webbo-sticky-style-enabled a,
.she-header .webbo-sticky-style-enabled .elementor-heading-title,
.she-header .webbo-sticky-style-enabled .elementor-item,
.she-header .webbo-sticky-style-enabled .elementor-nav-menu a,
.she-header .webbo-sticky-style-enabled .menu-item > a,
.she-header .webbo-sticky-style-enabled .elementor-button-text,
.elementor-sticky--effects.webbo-sticky-style-enabled,
.she-header.webbo-sticky-style-enabled {
    color: var(--webbo-sticky-text-color) !important;
}

/* Sticky hover / active colour. There is deliberately NO fallback to the
 * sticky text colour. If this control is left empty, the widget's existing
 * Elementor hover / active styling remains in control. */
.elementor-sticky--effects .webbo-sticky-style-enabled a:hover,
.elementor-sticky--effects .webbo-sticky-style-enabled a:focus-visible,
.elementor-sticky--effects .webbo-sticky-style-enabled .elementor-item:hover,
.elementor-sticky--effects .webbo-sticky-style-enabled .elementor-item:focus-visible,
.elementor-sticky--effects .webbo-sticky-style-enabled .elementor-item.elementor-item-active,
.elementor-sticky--effects .webbo-sticky-style-enabled .current-menu-item > a,
.elementor-sticky--effects .webbo-sticky-style-enabled .current-menu-ancestor > a,
.she-header .webbo-sticky-style-enabled a:hover,
.she-header .webbo-sticky-style-enabled a:focus-visible,
.she-header .webbo-sticky-style-enabled .elementor-item:hover,
.she-header .webbo-sticky-style-enabled .elementor-item:focus-visible,
.she-header .webbo-sticky-style-enabled .elementor-item.elementor-item-active,
.she-header .webbo-sticky-style-enabled .current-menu-item > a,
.she-header .webbo-sticky-style-enabled .current-menu-ancestor > a {
    color: var(--webbo-sticky-hover-color) !important;
}

/* Icons. Also no fallback, so leaving Icon / SVG Color blank does not change
 * existing icon styling. */
.elementor-sticky--effects .webbo-sticky-style-enabled .elementor-icon,
.elementor-sticky--effects .webbo-sticky-style-enabled .elementor-menu-toggle,
.elementor-sticky--effects .webbo-sticky-style-enabled i,
.she-header .webbo-sticky-style-enabled .elementor-icon,
.she-header .webbo-sticky-style-enabled .elementor-menu-toggle,
.she-header .webbo-sticky-style-enabled i {
    color: var(--webbo-sticky-icon-color) !important;
}

.elementor-sticky--effects .webbo-sticky-style-enabled svg,
.elementor-sticky--effects .webbo-sticky-style-enabled svg *,
.she-header .webbo-sticky-style-enabled svg,
.she-header .webbo-sticky-style-enabled svg * {
    color: var(--webbo-sticky-icon-color) !important;
    fill: var(--webbo-sticky-icon-color) !important;
}