/**
 * Safqa fallbacks for parent-theme and native WooCommerce UI.
 * No !important declarations: Elementor widget rules and Global Colors win.
 */
:root {
    --safqa-theme-dark: #101213;
    --safqa-theme-accent: #B9EB00;
    --safqa-theme-accent-hover: #91B800;
    --safqa-theme-on-accent: #101213;
}

/*
 * Final parent-theme safety net.
 * This intentionally uses !important only outside Elementor widgets, so old
 * template-kit pink cannot leak into AJAX search, account, cart, checkout, or
 * other theme-generated links. Elementor remains fully authoritative.
 */
body a:not(.elementor-element *):not(.elementor-button):not(#wpadminbar *) {
    color: var(--safqa-theme-dark) !important;
}

body a:not(.elementor-element *):not(.elementor-button):not(#wpadminbar *):hover,
body a:not(.elementor-element *):not(.elementor-button):not(#wpadminbar *):focus-visible {
    color: var(--safqa-theme-accent-hover) !important;
}

/* WooCommerce variation reset is a secondary action, not a primary CTA. */
body a.reset_variations:not(.elementor-element *) {
    color: #6F7378 !important;
    text-decoration-color: currentColor;
}

body a.reset_variations:not(.elementor-element *):hover,
body a.reset_variations:not(.elementor-element *):focus-visible {
    color: var(--safqa-theme-dark) !important;
}

/* Common live-search title wrappers, including titles rendered as headings. */
body :where(.search-results, .ajax-search-results, .autocomplete-suggestions, .woocommerce-product-search-results, .dgwt-wcas-suggestions-wrapp)
    :where(.product-title, .search-item-title, .suggestion-title, .dgwt-wcas-st-title):not(.elementor-element *) {
    color: var(--safqa-theme-dark) !important;
}

/* Elementor Search widget: the AJAX loop has its own explicit pink Global Color. */
.elementor-widget-search .e-search-results-container
    :where(.elementor-heading-title, .elementor-heading-title a) {
    color: var(--safqa-theme-dark) !important;
}

.elementor-widget-search .e-search-results-container
    :where(.elementor-heading-title a):hover,
.elementor-widget-search .e-search-results-container
    :where(.elementor-heading-title a):focus-visible {
    color: var(--safqa-theme-accent-hover) !important;
}

/* Reserve the Search widget geometry before Elementor finishes hydrating it. */
.elementor-widget-search,
.elementor-widget-search .e-search,
.elementor-widget-search .e-search-form,
.elementor-widget-search .e-search-input-wrapper {
    min-height: 32px;
}

@media (min-width: 768px) {
    .elementor-element.elementor-element-31e742c.elementor-widget-search {
        flex: 0 0 205px !important;
        width: 205px !important;
        min-width: 205px !important;
        max-width: 205px !important;
    }

    .elementor-element.elementor-element-31e742c .e-search,
    .elementor-element.elementor-element-31e742c .e-search-form {
        width: 205px !important;
    }

    .elementor-element.elementor-element-233fd97 {
        min-height: 66px;
    }
}

body :where(.woocommerce-loop-product__link, .woocommerce-loop-product__title, .woocommerce-LoopProduct-link, .product-name a, .woocommerce-breadcrumb a, .woocommerce-tabs a, .woocommerce-MyAccount-navigation a, .woocommerce-MyAccount-content a, .woocommerce-info a, .woocommerce-message a, .woocommerce-error a) {
    color: var(--safqa-theme-dark);
}

body :where(.woocommerce-loop-product__link, .woocommerce-LoopProduct-link, .product-name a, .woocommerce-breadcrumb a, .woocommerce-tabs a, .woocommerce-MyAccount-navigation a, .woocommerce-MyAccount-content a, .woocommerce-info a, .woocommerce-message a, .woocommerce-error a):hover,
body :where(.woocommerce-loop-product__link, .woocommerce-LoopProduct-link, .product-name a, .woocommerce-breadcrumb a, .woocommerce-tabs a, .woocommerce-MyAccount-navigation a, .woocommerce-MyAccount-content a, .woocommerce-info a, .woocommerce-message a, .woocommerce-error a):focus-visible {
    color: var(--safqa-theme-accent-hover);
}

body :where(.woocommerce-Price-amount, .price) {
    color: var(--safqa-theme-dark);
}

/* Stronger native shop-loop selectors beat the parent kit, but never enter an Elementor widget. */
.woocommerce ul.products li.product :where(.woocommerce-loop-product__title, .price, .woocommerce-Price-amount):not(.elementor-element *) {
    color: var(--safqa-theme-dark);
}

.woocommerce ul.products li.product :where(.woocommerce-loop-product__link, .woocommerce-LoopProduct-link):not(.elementor-element *):hover,
.woocommerce ul.products li.product :where(.woocommerce-loop-product__link, .woocommerce-LoopProduct-link):not(.elementor-element *):focus-visible {
    color: var(--safqa-theme-accent-hover);
}

body :where(.star-rating, .star-rating::before, .star-rating span::before, .stars a) {
    color: var(--safqa-theme-accent);
}

.woocommerce ul.products li.product .star-rating:not(.elementor-element *),
.woocommerce ul.products li.product .star-rating:not(.elementor-element *)::before,
.woocommerce ul.products li.product .star-rating:not(.elementor-element *) span::before {
    color: var(--safqa-theme-accent);
}

body :where(.woocommerce a.button:not(.elementor-button), .woocommerce button.button:not(.elementor-button), .woocommerce input.button, .woocommerce #respond input#submit, .wc-block-components-button:not(.elementor-button)) {
    border-color: var(--safqa-theme-accent);
    background-color: var(--safqa-theme-accent);
    color: var(--safqa-theme-on-accent);
}

body :where(.woocommerce a.button:not(.elementor-button), .woocommerce button.button:not(.elementor-button), .woocommerce input.button, .woocommerce #respond input#submit, .wc-block-components-button:not(.elementor-button)):hover,
body :where(.woocommerce a.button:not(.elementor-button), .woocommerce button.button:not(.elementor-button), .woocommerce input.button, .woocommerce #respond input#submit, .wc-block-components-button:not(.elementor-button)):focus-visible {
    border-color: var(--safqa-theme-accent-hover);
    background-color: var(--safqa-theme-accent-hover);
    color: var(--safqa-theme-on-accent);
}

body :where(a, button, input[type="button"], input[type="submit"]):focus-visible {
    outline-color: var(--safqa-theme-accent-hover);
}