/*
 * Key Herbals theme compatibility fixes.
 * Hello Elementor ships a generic magenta (#c36) button hover/focus style.
 * These rules keep utility controls inside the Key Herbals UI on-brand and
 * prevent the theme hover from leaking into tabs, toggles, arrows and icon buttons.
 */
:root{--e-global-color-accent:#6d9946}

.kh-eh__mobile-toggle:hover,.kh-eh__mobile-toggle:focus,
.kh-eh__submenu-toggle:hover,.kh-eh__submenu-toggle:focus,
.kh-eh__search-submit:hover,.kh-eh__search-submit:focus{background:transparent!important;color:inherit!important;box-shadow:none!important}

.kh-mini-cart__overlay:hover,.kh-mini-cart__overlay:focus{background:rgba(10,10,10,.42)!important}

.kh-products-filter-arrow:hover,.kh-products-filter-arrow:focus{background:var(--kh-mobile-arrow-bg,#fff)!important;color:var(--kh-mobile-arrow-color,#111)!important;box-shadow:none!important}

.kh-archive-filter-close:hover,.kh-archive-filter-close:focus{background:#fff!important;color:#222!important}
.kh-archive-filter-toggle-mobile:hover,.kh-archive-filter-toggle-mobile:focus{background:var(--kh-archive-green,#6d9946)!important;color:#fff!important}

/* Product tabs must never inherit the Hello Elementor magenta hover. */
.kh-sp-tabs__button:hover,.kh-sp-tabs__button:focus,
.kh-sp-tabs__accordion-title:hover,.kh-sp-tabs__accordion-title:focus{background:transparent!important;box-shadow:none!important}

/* Preserve neutral controls throughout the single product modules. */
.kh-sp-gallery__thumb:hover,.kh-sp-gallery__thumb:focus{background:#fff!important}
.kh-sp-gallery__zoom:hover,.kh-sp-gallery__zoom:focus{background:rgba(255,255,255,.98)!important;color:#111!important}
.kh-sp-lightbox__close:hover,.kh-sp-lightbox__close:focus{background:transparent!important;color:#fff!important}
.kh-sp-qty button:hover,.kh-sp-qty button:focus{background:transparent!important}
.kh-sp-rating-input button:hover,.kh-sp-rating-input button:focus{background:transparent!important}

/* Remove the old Elementor/Hello magenta focus ring where browser focus is used. */
.kh-eh button:focus,.kh-products button:focus,.kh-archive button:focus,.kh-sp-gallery button:focus,.kh-sp-summary button:focus,.kh-sp-tabs button:focus,.kh-sp-reviews button:focus{outline-color:#6d9946}

/* 2026-08-25: Single Product hover/focus accent.
 * Keep Hello Elementor's magenta/purple accent out of the product template.
 * Hover/focus accent requested for Key Herbals: #ecae3d.
 */
.kh-sp-summary__reviews:hover,.kh-sp-summary__reviews:focus,
.kh-sp-reset:hover,.kh-sp-reset:focus,
.kh-sp-related-card h3 a:hover,.kh-sp-related-card h3 a:focus{
    color:#ecae3d!important;
}

.kh-sp-option:hover,.kh-sp-option:focus,
.kh-sp-gallery__thumb:hover,.kh-sp-gallery__thumb:focus,
.kh-sp-summary__wishlist:hover,.kh-sp-summary__wishlist:focus,
.kh-sp-review-form input:focus,.kh-sp-review-form textarea:focus{
    border-color:#ecae3d!important;
    outline-color:#ecae3d!important;
}

.kh-sp-qty button:hover,.kh-sp-qty button:focus,
.kh-sp-gallery__zoom:hover,.kh-sp-gallery__zoom:focus,
.kh-sp-tabs__button:hover,.kh-sp-tabs__button:focus,
.kh-sp-tabs__accordion-title:hover,.kh-sp-tabs__accordion-title:focus{
    color:#ecae3d!important;
}

.kh-sp-summary__add:hover,.kh-sp-summary__add:focus,
.kh-sp-summary__buy:hover,.kh-sp-summary__buy:focus,
.kh-sp-review-form__submit:hover,.kh-sp-review-form__submit:focus,
.kh-sp-related-card__button:hover,.kh-sp-related-card__button:focus{
    background:#ecae3d!important;
    border-color:#ecae3d!important;
    color:#111!important;
    box-shadow:none!important;
}

.kh-sp-gallery button:focus,.kh-sp-summary button:focus,
.kh-sp-tabs button:focus,.kh-sp-reviews button:focus,
.kh-sp-related a:focus{
    outline-color:#ecae3d!important;
}