/* =============================================================================
   EA26 Theme Overrides. This file is loaded last to ensure styles take precedence over theme defaults.
   ============================================================================= */

.layout-default {
    background: #fff !important;
}
.productGroups_wrapper {
    padding: 5rem 0 !important;
}   
.heroStyle_tagline {
    font-family: 'obvia', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    margin-bottom: 0.5rem !important;
}
.heroStyle_title {
    font-family: 'obvia', sans-serif !important;
    font-size: clamp(3rem, 3.5vw, 3.25rem) !important;
    font-weight: 600 !important;
    color: #fff !important;
    letter-spacing: 0.02em !important;
}
.heroStyle_text {
    font-family: 'inter', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: #fafafa !important;
    letter-spacing: 0.02em !important;
    -webkit-font-smoothing: antialiased !important;
}
@media (min-width: 768px) {
    .heroStyle_content--height-large, .heroStyle_content--height-xlarge {
        margin: 0 !important;
        padding: 2rem;
    }
}

.productGroups_headerTitle {
    font-family: 'obvia', sans-serif !important;
    font-size: 2rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: #0D0D0D !important;
    margin-bottom: 1rem !important;
}
.productGroups_headerDescription {
    font-family: 'inter', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    color: #737373 !important;
    -webkit-font-smoothing: antialiased !important;
    max-width: 740px !important;
    margin: 0 auto 2rem !important;
    text-wrap: balanced !important;
}
.graphicStyle_title, .graphicStyle_title.graphicStyle_title--group-title-large {
    font-family: 'obvia', sans-serif !important;
    font-size: 1.375rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    color: #0D0D0D !important;
    margin-bottom: 0.5rem !important;
}
.graphicStyle_description, .graphicStyle_description.graphicStyle_description--group-description-large {
    font-family: 'inter', sans-serif !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    color: #737373 !important;
    -webkit-font-smoothing: antialiased !important;
    margin-bottom: 0.5rem !important;    
  }

button, .button_item {
    background: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    transition: 0.3s ease-in-out;
  }
.button_item--primary {
    background: #6699CC !important;
    min-height: auto !important;    
    border: none !important;
    border-radius: 22px !important;    
    padding: 0.125rem 1.25rem !important;
    color: #fafafa !important;
    font-family: Inter, sans-serif;
    font-size: 1rem;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
  }
    .button_item--primary:hover {
        background: #6699CC !important;
    }
.button_item--secondary {
    background: #fff !important;
    background-color: #fff !important;
    min-height: auto !important;    
    border: none !important;
    border-radius: 22px !important;
    padding: 0.125rem 1.25rem !important;
    color: #737373 !important;
    font-family: Inter, sans-serif;
    font-size: 1rem;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
  }
    .button_item--secondary:hover {
        color: #0d0d0d !important;
    }
.headerHomeBar_wrapper .headerHomeBar_homeBarNav .headerCartOverlay_main .headerCartOverlay_footer .headerCartOverlay_footerButton .buttonIcon_text {
    background: none;
    padding: 0.125rem !important;
    font-family: 'obvia', sans-serif !important;
    font-size: 1rem !important;
    letter-spacing: 0.02em !important;    
    font-weight: 500 !important;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased !important;
  }
.headerCartOverlay_product {
    padding: 0.875rem 0 !important;
    border-bottom: none !important;
  }
.headerHomeBar_wrapper .headerHomeBar_homeBarNav .headerCartOverlay_main .headerCartOverlay_close {
    color: #737373 !important;
    padding: .5rem !important;
    background: none !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: background-color .3s, color .3s !important;
  }

@media (max-width: 768px) {
    .headerHomeBar_wrapper .headerHomeBar_logoWrapper {
        margin: 0 auto !important;
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }    
    .headerHomeBar_wrapper .headerHomeBar_homeBarNav {
        margin-left: auto !important;
        margin-right: 0 !important;
    }
    .headerHomeBar_burgerBtn {
        background: none !important;
        border: none !important;
        border-radius: 22px !important;
        margin-left: 0.5rem !important;
        padding: 0.75rem !important;        
        -webkit-font-smoothing: antialiased !important;    
        transition: 0.3s ease-in-out !important;

        &:hover {
            background: #f8fafc !important;
        }
    }
}