/*
 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.6.1
 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
*/

:root {
    --ps-edge: clamp(24px, 5vw, 80px);
}

/* ===================================================================
   HEADER (Electro header v2)
   Structure: #masthead.header-v2 > .container > .masthead.row (logo / nav / support)
              .electro-navbar > .container > .electro-navbar-inner.row
              (departments-menu-v2 | navbar-search | header-icons)
   =================================================================== */

/* White band: the masthead container goes full width with the unified edge padding */
#masthead.header-v2 > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: max(var(--ps-edge), env(safe-area-inset-left, 0px)) !important;
    padding-right: max(var(--ps-edge), env(safe-area-inset-right, 0px)) !important;
}

/* The masthead flex row natively spreads: logo far left, support far right */
.masthead.row {
    align-items: center;
}

/* Yellow band: keep the native full-bleed background, inset content to the same edge */
.electro-navbar {
    padding-left: max(var(--ps-edge), env(safe-area-inset-left, 0px)) !important;
    padding-right: max(var(--ps-edge), env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box;
}

.electro-navbar .container,
.electro-navbar .container-fluid {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Yellow band distribution: departments left, search stretches, icons right */
.electro-navbar-inner {
    align-items: center;
    justify-content: space-between;
}

.electro-navbar-inner > * {
    min-width: 0;
}

.electro-navbar-inner .departments-menu-v2 {
    flex: 0 0 auto !important;
}

.electro-navbar-inner .header-icons {
    flex: 0 0 auto !important;
}

/* Search stretches to fill the space between departments and icons */
.electro-navbar-inner .navbar-search,
.electro-navbar-inner .header-search,
.electro-navbar-inner .aws-container,
.electro-navbar-inner .navbar-search-input-group {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
}

/* if the search is wrapped in an extra container, stretch the wrapper too */
.electro-navbar-inner > :has(> .navbar-search),
.electro-navbar-inner > :has(> .aws-container) {
    flex: 1 1 auto !important;
}

.electro-navbar-inner .navbar-search .input-group {
    width: 100%;
}

/* ---- v1-style navbar fallback (padding + full width container) ---- */
.navbar.navbar-primary {
    padding-left: max(var(--ps-edge), env(safe-area-inset-left, 0px)) !important;
    padding-right: max(var(--ps-edge), env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box;
}

.navbar.navbar-primary .container,
.navbar.navbar-primary .container-fluid {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.navbar.navbar-primary .navbar-search {
    flex: 1 1 auto !important;
    max-width: none !important;
    width: auto !important;
}

/* ---- Top bar (if enabled): menus pinned to both edges ---- */
.top-bar {
    padding-left: max(var(--ps-edge), env(safe-area-inset-left, 0px)) !important;
    padding-right: max(var(--ps-edge), env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box;
}

.top-bar .container,
.top-bar .container-fluid {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

/* ---- Mobile handheld header ---- */
.handheld-header,
.handheld-header-wrap {
    padding-left: max(var(--ps-edge), env(safe-area-inset-left, 0px)) !important;
    padding-right: max(var(--ps-edge), env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box;
}

/* ===================================================================
   FOOTER (validated) — unified edges
   =================================================================== */
.footer-newsletter,
.footer-widgets,
.footer-bottom-widgets,
.copyright-bar,
#colophon .footer-newsletter,
#colophon .footer-widgets,
#colophon .footer-bottom-widgets,
#colophon .copyright-bar {
    padding-left: max(var(--ps-edge), env(safe-area-inset-left, 0px)) !important;
    padding-right: max(var(--ps-edge), env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box;
}

.footer-newsletter .container,
.footer-newsletter .container-fluid,
.footer-widgets .container,
.footer-widgets .container-fluid,
.footer-bottom-widgets .container,
.footer-bottom-widgets .container-fluid,
.copyright-bar .container,
.copyright-bar .container-fluid {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.footer-newsletter .row,
.footer-widgets .row,
.footer-bottom-widgets .row,
.copyright-bar .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (min-width: 992px) {
    .footer-newsletter .container,
    .footer-newsletter .container-fluid,
    .footer-newsletter .row,
    .footer-newsletter-inner {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
    }

    .footer-newsletter [class*="col-"] {
        width: auto !important;
        float: none !important;
    }

    .footer-newsletter h5,
    .footer-newsletter .newsletter-title,
    .footer-newsletter p,
    .footer-newsletter span,
    .footer-newsletter .newsletter-marketing {
        white-space: nowrap;
    }

    .footer-newsletter form,
    .footer-newsletter .newsletter-form {
        flex: 0 0 380px;
        max-width: 380px;
        margin-left: auto;
    }
}

.elementor-editor-active .print-live-summary,
.elementor-editor-active .print-summary-fab,
.elementor-editor-active .print-summary-overlay,
.elementor-editor-preview .print-live-summary,
.elementor-editor-preview .print-summary-fab,
.elementor-editor-preview .print-summary-overlay {
    display: none !important;
}

.elementor-editor-active .print-modern-product-page,
.elementor-editor-preview .print-modern-product-page {
    overflow: visible !important;
}

body.print-elementor-canvas .print-live-summary,
body.print-elementor-canvas .print-summary-fab,
body.print-elementor-canvas .print-summary-overlay,
body.print-elementor-canvas .print-product-steps {
    display: none !important;
}