.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ═══════════════════════════════════════════════════
   GLOBAL LINK & PRICE OVERRIDES
   ═══════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────
   Global link colour — Hello theme defaults to red/pink
   Override to Excelsior purple everywhere
   ──────────────────────────────────────────────── */
body a,
body a:link,
body a:visited {
    color: var(--exc-purple);
}
body a:hover,
body a:active,
body a:focus {
    color: var(--exc-purple-dark);
}

/* Don't override link colour where context already styles it
   (buttons, navigation, footer, archive cards, etc.) */
.cads-header a,
.cads-header a:link,
.cads-header a:visited,
.exc-footer a,
.exc-footer a:link,
.exc-footer a:visited,
.elementor-button,
.button,
button,
.cads-megamenu a,
.cads-megamenu a:link,
.cads-megamenu a:visited,
.woocommerce ul.products li.product a:link,
.woocommerce ul.products li.product a:visited {
    color: inherit;
}


/* ────────────────────────────────────────────────
   WooCommerce sale price — change blue/teal to purple
   ──────────────────────────────────────────────── */

/* Active sale price (the discounted price) */
.woocommerce ins,
.woocommerce ins .amount,
.woocommerce span.price ins,
.woocommerce span.price ins .amount,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .amount,
.woocommerce div.product p.price ins,
.woocommerce div.product p.price ins .amount,
.woocommerce div.product span.price ins,
.woocommerce div.product span.price ins .amount {
    color: var(--exc-purple) !important;
    background: transparent !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

/* Old/struck-through price */
.woocommerce del,
.woocommerce del .amount,
.woocommerce span.price del,
.woocommerce span.price del .amount,
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .amount {
    color: var(--exc-muted) !important;
    opacity: 0.7 !important;
    font-weight: 500 !important;
    margin-right: 6px;
}

/* ════════════════════════════════════════════════════
   GLOBAL BUTTON ACTIVE / FOCUS / VISITED STATES
   Override Hello theme's red default for ALL buttons
   ════════════════════════════════════════════════════ */

/* All button elements — any active, focus, or visited state stays purple */
body button:active,
body button:focus,
body button:focus-visible,
body button:focus-within,
body a.button:active,
body a.button:focus,
body a.button:focus-visible,
body a.button:visited,
body input[type="submit"]:active,
body input[type="submit"]:focus,
body input[type="submit"]:focus-visible,
body input[type="button"]:active,
body input[type="button"]:focus,
body input[type="button"]:focus-visible,
body .elementor-button:active,
body .elementor-button:focus,
body .elementor-button:focus-visible,
body .elementor-button:visited {
    background-color: var(--exc-purple-dark) !important;
    border-color: var(--exc-purple-dark) !important;
    color: var(--exc-white) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--exc-purple-soft) !important;
}

/* Outline-style buttons (white bg with purple border) — invert on active/focus */
body button.outline:active,
body button.outline:focus,
body a.button.outline:active,
body a.button.outline:focus,
body .exc-btn-outline:active,
body .exc-btn-outline:focus,
body a.exc-locked-btn:active,
body a.exc-locked-btn:focus {
    background-color: var(--exc-purple) !important;
    border-color: var(--exc-purple) !important;
    color: var(--exc-white) !important;
}

/* Header user/account button (the "Hi, Web Design" one) — keep it purple, never pink */
body .cads-header__account-btn,
body .cads-header__account-btn:hover,
body .cads-header__account-btn:active,
body .cads-header__account-btn:focus,
body .cads-header__account-btn:focus-visible,
body .cads-header__account-btn:visited {
    background: var(--exc-purple) !important;
    border-color: var(--exc-purple) !important;
    color: var(--exc-white) !important;
}
body .cads-header__account-btn:hover {
    background: var(--exc-purple-dark) !important;
    border-color: var(--exc-purple-dark) !important;
}

/* Header cart button — same protection */
body .cads-header__cart-btn,
body .cads-header__cart-btn:hover,
body .cads-header__cart-btn:active,
body .cads-header__cart-btn:focus,
body .cads-header__cart-btn:focus-visible,
body .cads-header__cart-btn:visited {
    background: var(--exc-white) !important;
    border-color: var(--exc-purple-line) !important;
    color: var(--exc-ink) !important;
}
body .cads-header__cart-btn:hover {
    background: var(--exc-purple-soft) !important;
    border-color: var(--exc-purple) !important;
    color: var(--exc-purple) !important;
}

/* Header search submit button — protect from red */
body .cads-header__search-submit,
body .cads-header__search-submit:hover,
body .cads-header__search-submit:active,
body .cads-header__search-submit:focus,
body .cads-header__search-submit:focus-visible {
    background: var(--exc-purple) !important;
    border-color: var(--exc-purple) !important;
    color: var(--exc-white) !important;
}
body .cads-header__search-submit:hover {
    background: var(--exc-purple-dark) !important;
    border-color: var(--exc-purple-dark) !important;
}

/* Specifically kill any red/coral leaking from Hello theme button defaults */
body button[class*="btn"]:not(:disabled):active,
body button[class*="btn"]:not(:disabled):focus {
    background-color: var(--exc-purple-dark) !important;
    border-color: var(--exc-purple-dark) !important;
    color: var(--exc-white) !important;
}

/* WooCommerce buttons in cart, checkout, account — full protection */
body .woocommerce a.button:active,
body .woocommerce a.button:focus,
body .woocommerce a.button:visited,
body .woocommerce button.button:active,
body .woocommerce button.button:focus,
body .woocommerce button.button:visited,
body .woocommerce input.button:active,
body .woocommerce input.button:focus {
    background-color: var(--exc-purple-dark) !important;
    border-color: var(--exc-purple-dark) !important;
    color: var(--exc-white) !important;
}

/* Override Hello theme button defaults that use red */
body .hello-elementor-button:active,
body .hello-elementor-button:focus,
body button.hello-elementor-button:active,
body button.hello-elementor-button:focus {
    background-color: var(--exc-purple-dark) !important;
    border-color: var(--exc-purple-dark) !important;
    color: var(--exc-white) !important;
}

/* Tap highlight on mobile — remove the default iOS/Android red flash */
* {
    -webkit-tap-highlight-color: rgba(143, 41, 151, 0.2);
}
button,
a,
input[type="submit"],
.button,
.elementor-button {
    -webkit-tap-highlight-color: rgba(143, 41, 151, 0.15);
}

/* ════════════════════════════════════════════════════
   PRODUCT CARD IMAGES — transparent background
   ════════════════════════════════════════════════════ */

/* Archive/shop pages */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product img,
.woocommerce ul.products li.product .wp-post-image,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product a img {
    background: transparent !important;
    background-color: transparent !important;
}

/* The image container itself (often where the grey comes from) */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link::before,
.woocommerce ul.products li.product .product-image,
.woocommerce ul.products li.product .product-thumbnail,
.woocommerce ul.products li.product figure,
.woocommerce ul.products li.product .image-wrapper {
    background: transparent !important;
    background-color: transparent !important;
}

/* Catch any Elementor product widget variants */
.elementor-wc-products .product img,
.elementor-products-grid .product img,
.elementor-wc-products .product .woocommerce-LoopProduct-link,
.elementor-products-grid .product .woocommerce-LoopProduct-link {
    background: transparent !important;
}

/* Single product page gallery */
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .woocommerce-product-gallery__image,
.woocommerce div.product .woocommerce-product-gallery__image img,
.woocommerce div.product .woocommerce-product-gallery__wrapper,
.woocommerce div.product img.wp-post-image {
    background: transparent !important;
    background-color: transparent !important;
}

/* Cart page product thumbnails */
.woocommerce-cart-form .product-thumbnail img,
.woocommerce-cart-form .product-thumbnail a,
table.shop_table .product-thumbnail img {
    background: transparent !important;
}

/* Mini-cart dropdown thumbnails */
.widget_shopping_cart .mini_cart_item img,
.woocommerce-mini-cart .mini_cart_item img {
    background: transparent !important;
}

/* Search dropdown thumbnails */
[class*="search-results"] img,
[class*="search-dropdown"] img,
.cads-header__search-results img {
    background: transparent !important;
}


.cads-header__hamburger:hover,
.cads-header__hamburger:focus,
.cads-header__hamburger:active,
.cads-header__mobile-search:hover,
.cads-header__mobile-search:focus,
.cads-header__mobile-search:active,
.cads-header__search-btn:hover,
.cads-header__search-btn:focus,
.cads-header__search-btn:active {
    background: #8f2997 !important;
    color: #fff !important;
}/* End custom CSS */