/*
 Theme Name:    Electro Child
 Theme URI:     https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
 Description:   This is the child theme of Electro
 Author:        MadrasThemes
 Author URI:    https://madrasthemes.com/
 Template:      electro
 Version:       3.0.2
 License:       GNU General Public License v2 or later
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:   electro-child
*/


.home-v1-banner-block.animate-in-view.fadeIn.animated {    text-align: center !important;}
.slick-list .zoom.slick-slide{ display:none;}
.slick-list .zoom.slick-slide.slick-active{ display:block;}
/*===========18-04-2022================*/

/*===========18-04-2022================*/

form.cart{ position:relative;}
form.cart > div:not(.quantity){position: absolute; left: 1px;top: 9px;width: 138px;}
form.cart > div:not(.quantity) button.qty.minus, form.cart > div:not(.quantity) button.qty.plus
{ background:none; border:0; box-shadow:none; padding: 9px 18px; border-radius: 200px;outline: none; color:#6c757d;}
form.cart > div:not(.quantity) button.qty.plus{ float:right;}
form.cart > div:not(.quantity) button.qty.minus:hover, form.cart > div:not(.quantity) button.qty.plus:hover{ color:#ddd;}

/* -------------------------------------------
   Step 1 – Global Accessibility Fixes (CSS)
   -------------------------------------------
   - Adds screen-reader-only helper class
   - Improves keyboard focus visibility
   - Defines accessible color variables
   - Fixes contrast issues for nav, buttons, newsletter
------------------------------------------- */

/* ✅ For text only visible to screen readers */
.sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ✅ Makes keyboard focus visible (outline when using Tab) */
:focus {
    outline: 3px solid #ffb399;
    /* light orange focus outline */
    outline-offset: 2px;
}

/* ✅ Define accessible color variables */
:root {
    --accent: #d4371b;
    /* accessible orange variant */
    --accent-dark: #cc2e18;
    /* darker orange */
    --muted-text: #4a5a6a;
    /* darker gray for links */
}

/* ✅ Improve contrast for navigation links */
.nav-link {
    color: var(--muted-text);
}

/* ✅ Buttons, WooCommerce switcher, and newsletter text */
.button,
.woocs_auto_switcher_link,
.newsletter-title,
.newsletter-marketing-text {
    background-color: var(--accent);
    color: #ffffff;
    /* white text for contrast */
}

.single-product-wrapper .summary h3 {
    margin-bottom: 10px;
    font-size: .875rem !important;
    font-weight: 700 !important;
}

/* -------- End of Step 1 Accessibility Fixes -------- */