/* =========================================================
   EVA REDESIGN HEADER
   ========================================================= */

body #header,
body .header-wrapper,
body .header-main {
    background: var(--eva-graphite) !important;
}


/* =========================================================
   LOGO
   ========================================================= */

body #logo img {
    content: url("https://evainstruments.com/wp-content/uploads/2024/10/100px_dark-1.png");

    transform: scale(0.90);
    transform-origin: left center;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

body #header,
body #header a,
body #header .nav > li > a {
    font-family: "Lato", sans-serif !important;
}


/* =========================================================
   MAIN DESKTOP NAVIGATION
   ========================================================= */

body #header .nav > li > a {
    color: rgba(245, 246, 247, 0.82) !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    text-transform: none !important;
    letter-spacing: 0 !important;

    box-shadow: none !important;
}


/* Keep dropdown arrow near menu text */

body #header .nav > li > a i {
    color: inherit !important;
}


/* Minimal hover and open state */

body #header .header-nav > li:hover > a,
body #header .header-nav > li.current-dropdown > a,
body #header .header-nav > li.current-menu-item > a,
body #header .header-nav > li.current-menu-ancestor > a,
body #header .header-nav > li.current_page_item > a {
    color: #F5F6F7 !important;

    font-weight: 500 !important;

    box-shadow: none !important;
}


/* =========================================================
   SEARCH / ACCOUNT / CART BASE
   ========================================================= */

body #header .header-search > a,
body #header .account-item > a,
body #header .cart-item > a {
    display: flex !important;
    align-items: center !important;

    gap: 8px;

    color: rgba(245, 246, 247, 0.82) !important;

    font-family: "Lato", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;

    text-transform: none !important;
    letter-spacing: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   SEARCH
   ========================================================= */

/* Hide original Flatsome search icon */

body #header .header-search > a > i {
    display: none !important;
}


/* Search icon */

body #header .header-search > a::before {
    content: "" !important;

    display: block !important;

    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;

    opacity: 1 !important;
    visibility: visible !important;

    background-color: rgba(245, 246, 247, 0.82) !important;

    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M10.5 3a7.5 7.5 0 1 0 4.72 13.33l4.72 4.72 1.41-1.41-4.72-4.72A7.5 7.5 0 0 0 10.5 3Zm-5.5 7.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0Z'/%3E%3C/svg%3E")
        center / contain no-repeat !important;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M10.5 3a7.5 7.5 0 1 0 4.72 13.33l4.72 4.72 1.41-1.41-4.72-4.72A7.5 7.5 0 0 0 10.5 3Zm-5.5 7.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0Z'/%3E%3C/svg%3E")
        center / contain no-repeat !important;
}


/* Search text */

body #header .header-search > a::after {
    content: "Search" !important;

    color: inherit !important;

    font-family: "Lato", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}


/* Search hover */

body #header .header-search:hover > a,
body #header .header-search:hover > a::after {
    color: #F5F6F7 !important;
}

body #header .header-search:hover > a::before {
    background-color: #F5F6F7 !important;
}


/* =========================================================
   ACCOUNT
   ========================================================= */

/* Hide original account content */

body #header .account-item > a > span,
body #header .account-item > a > i {
    display: none !important;
}


/* Account icon */

body #header .account-item > a::before {
    content: "" !important;

    display: block !important;

    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;

    opacity: 1 !important;
    visibility: visible !important;

    background-color: rgba(245, 246, 247, 0.82) !important;

    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-3 5a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3 7c-5.33 0-8 2.67-8 6v2h2v-2c0-2 1.7-4 6-4s6 2 6 4v2h2v-2c0-3.33-2.67-6-8-6Z'/%3E%3C/svg%3E")
        center / contain no-repeat !important;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-3 5a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3 7c-5.33 0-8 2.67-8 6v2h2v-2c0-2 1.7-4 6-4s6 2 6 4v2h2v-2c0-3.33-2.67-6-8-6Z'/%3E%3C/svg%3E")
        center / contain no-repeat !important;
}


/* Account text */

body #header .account-item > a::after {
    content: "Account" !important;

    color: inherit !important;

    font-family: "Lato", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}


/* Account hover */

body #header .account-item:hover > a,
body #header .account-item:hover > a::after {
    color: #F5F6F7 !important;
}

body #header .account-item:hover > a::before {
    background-color: #F5F6F7 !important;
}


/* =========================================================
   SEPARATORS
   ========================================================= */

body #header .account-item,
body #header .cart-item {
    margin-left: 18px !important;
    padding-left: 18px !important;

    border-left: 1px solid rgba(245, 246, 247, 0.16) !important;
}


/* =========================================================
   CART
   ========================================================= */

/* Remove custom generated cart icon */

body #header .cart-item > a::before {
    content: none !important;
    display: none !important;
}


/* Hide original cart text */

body #header .cart-item .header-cart-title {
    display: none !important;
}


/* Restore original Flatsome cart icon */

body #header .cart-item > a > i {
    display: inline-block !important;

    color: rgba(245, 246, 247, 0.82) !important;

    opacity: 1 !important;
    visibility: visible !important;

    font-size: 20px !important;

    margin: 0 !important;
}


/* Keep icon pseudo element neutral */

body #header .cart-item > a > i::before {
    color: inherit !important;
}


/* SVG cart icon */

body #header .cart-item > a > svg {
    display: block !important;

    width: 23px !important;
    height: 23px !important;

    color: rgba(245, 246, 247, 0.82) !important;

    stroke: currentColor !important;
}

body #header .cart-item > a > svg * {
    color: inherit !important;

    stroke: currentColor !important;
}


/* Flatsome cart-icon markup */

body #header .cart-item .cart-icon {
    position: relative !important;

    left: auto !important;
    top: auto !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

body #header .cart-item .cart-icon strong {
    color: rgba(245, 246, 247, 0.82) !important;
    border-color: rgba(245, 246, 247, 0.82) !important;
}


/* Cart text */

body #header .cart-item > a::after {
    content: "Cart" !important;

    color: inherit !important;

    font-family: "Lato", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;

    text-transform: none !important;
}


/* Cart hover */

body #header .cart-item:hover > a,
body #header .cart-item:hover > a::after,
body #header .cart-item:hover > a > i,
body #header .cart-item:hover > a > i::before,
body #header .cart-item > a:hover > i,
body #header .cart-item > a:hover > i::before,
body #header .cart-item:hover > a > svg {
    color: #F5F6F7 !important;
}


/* SVG children on hover */

body #header .cart-item:hover > a > svg *,
body #header .cart-item > a:hover > svg * {
    color: #F5F6F7 !important;

    stroke: #F5F6F7 !important;
}


/* Flatsome cart strong hover */

body #header .cart-item:hover .cart-icon strong {
    color: #F5F6F7 !important;
    border-color: #F5F6F7 !important;
}


/* Keep cart badge red */

body #header .cart-item i[data-icon-label]::after {
    opacity: 1 !important;
    visibility: visible !important;

    background-color: var(--eva-accent) !important;
    border-color: var(--eva-accent) !important;

    color: #F5F6F7 !important;
}


/* =========================================================
   DROPDOWN MENU
   ========================================================= */

body #header .nav-dropdown {
    font-family: "Lato", sans-serif !important;
}


/* Regular dropdown items */

body #header .nav-dropdown .menu-item > a {
    font-family: "Lato", sans-serif !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* Dropdown column headings */

body #header .nav-dropdown .menu-item-has-children > a {
    font-family: "Lato", sans-serif !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* Nested text */

body #header .nav-dropdown .menu-item > a span {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    text-transform: none !important;
    letter-spacing: 0 !important;
}




/* =========================================================
   INSTRUMENTS MEGA MENU
   ========================================================= */

body #header .header-nav > li:nth-child(2) > .nav-dropdown {
    width: min(1000px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;

    left: 50% !important;
    right: auto !important;

    transform: translateX(-50%) !important;
}


/* =========================================================
   ACCOUNT DROPDOWN
   ========================================================= */

body #header .account-item .nav-dropdown,
body #header .account-item .nav-dropdown * {
    font-family: "Lato", sans-serif !important;
}


/* Regular account dropdown text */

body #header .account-item .nav-dropdown a,
body #header .account-item .nav-dropdown li,
body #header .account-item .nav-dropdown p,
body #header .account-item .nav-dropdown span {
    font-family: "Lato", sans-serif !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* Account dropdown headings */

body #header .account-item .nav-dropdown strong,
body #header .account-item .nav-dropdown h1,
body #header .account-item .nav-dropdown h2,
body #header .account-item .nav-dropdown h3,
body #header .account-item .nav-dropdown h4 {
    font-family: "Lato", sans-serif !important;

    font-weight: 600 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* Account dropdown buttons */

body #header .account-item .nav-dropdown .button,
body #header .account-item .nav-dropdown button {
    font-family: "Lato", sans-serif !important;

    font-weight: 500 !important;

    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* =========================================================
   INSTANT UTILITY HOVER
   ========================================================= */

body #header .header-search *,
body #header .header-search *::before,
body #header .header-search *::after,

body #header .account-item *,
body #header .account-item *::before,
body #header .account-item *::after,

body #header .cart-item *,
body #header .cart-item *::before,
body #header .cart-item *::after {
    transition: none !important;
}


/* =========================================================
   EARLY MOBILE / TABLET HEADER BREAKPOINT
   ========================================================= */

@media (min-width: 850px) and (max-width: 1100px) {

    /* Hide desktop navigation */

    body #header .header-inner .hide-for-medium {
        display: none !important;
    }


    /* Show mobile controls */

    body #header .header-inner .show-for-medium {
        display: flex !important;
        align-items: center !important;
    }


    /* Keep header in one row */

    body #header .header-inner {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        flex-wrap: nowrap !important;
    }


    /* Center logo */

    body #header #logo {
        position: absolute !important;

        left: 50% !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;

        margin: 0 !important;
    }


    body #header #logo img {
        transform: scale(0.90);
        transform-origin: center center;
    }


    /* Mobile navigation sides */

    body #header .mobile-nav {
        width: 100% !important;

        display: flex !important;
        align-items: center !important;
    }


    body #header .mobile-nav.nav-left {
        justify-content: flex-start !important;
    }


    body #header .mobile-nav.nav-right {
        justify-content: flex-end !important;
    }

}


/* =========================================================
   MOBILE MENU TYPOGRAPHY
   ========================================================= */

/* Top level */

body .mobile-sidebar .nav-sidebar > li > a,
body .mobile-sidebar .nav > li > a {
    font-family: "Lato", sans-serif !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    line-height: 1.35 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* Nested items */

body .mobile-sidebar .sub-menu > li > a,
body .mobile-sidebar .children > li > a {
    font-family: "Lato", sans-serif !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    line-height: 1.4 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* Nested labels */

body .mobile-sidebar .nav-sidebar a span,
body .mobile-sidebar .nav a span {
    font-family: "Lato", sans-serif !important;

    font-size: inherit !important;
    font-weight: inherit !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* Active mobile item */

body .mobile-sidebar .current-menu-item > a,
body .mobile-sidebar .current-menu-ancestor > a,
body .mobile-sidebar .current_page_item > a {
    font-weight: 600 !important;
}


/* Keep mobile menu light */

body .mobile-sidebar,
body .mobile-sidebar .sidebar-menu {
    background: #FFFFFF !important;
}


/* =========================================================
   REMOVE FLATSOME DESKTOP DROPDOWN ARROWS
   ========================================================= */

@media (min-width: 1101px) {

    body #header .header-nav > li.has-dropdown::before,
    body #header .header-nav > li.has-dropdown::after {
        content: none !important;

        display: none !important;

        width: 0 !important;
        height: 0 !important;

        border: 0 !important;

        opacity: 0 !important;
        visibility: hidden !important;
    }

}


/* =========================================================
   COMPACT DESKTOP DROPDOWNS
   ========================================================= */

@media (min-width: 1101px) {


    /* Account */

    body #header .account-item > .nav-dropdown {
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;

        left: auto !important;
        right: 0 !important;

        transform: none !important;
    }

}















/* =========================================================
   SEARCH UI
   ========================================================= */


/* ---------------------------------------------------------
   Desktop search dropdown
   --------------------------------------------------------- */

@media (min-width: 1101px) {

    body #header .header-search .nav-dropdown {
        width: 270px !important;
        min-width: 270px !important;
        max-width: 270px !important;

        padding: 12px !important;
    }

}


/* ---------------------------------------------------------
   Search form
   --------------------------------------------------------- */

body #header .searchform,
body .mobile-sidebar .searchform {
    margin: 0 !important;
}


body #header .searchform .flex-row,
body .mobile-sidebar .searchform .flex-row {
    align-items: stretch !important;
}


/* Search input */

body #header .searchform input[type="search"],
body .mobile-sidebar .searchform input[type="search"] {
    height: 36px !important;
    min-height: 36px !important;

    padding: 0 11px !important;

    border: 1px solid rgba(41, 42, 45, 0.16) !important;
    border-radius: 3px 0 0 3px !important;

    background: #FFFFFF !important;

    font-family: "Lato", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    color: #292A2D !important;

    box-shadow: none !important;
}


/* Search placeholder */

body #header .searchform input[type="search"]::placeholder,
body .mobile-sidebar .searchform input[type="search"]::placeholder {
    color: #8A8E94 !important;

    opacity: 1 !important;
}


/* Search submit button */

body #header .searchform button,
body .mobile-sidebar .searchform button {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 3px 3px 0 !important;

    background: #3A3B3E !important;

    color: #FFFFFF !important;

    box-shadow: none !important;
}


/* Search button hover */

body #header .searchform button:hover,
body .mobile-sidebar .searchform button:hover {
    background: #292A2D !important;

    color: #FFFFFF !important;
}


/* Search icon size */

body #header .searchform button i,
body .mobile-sidebar .searchform button i {
    font-size: 16px !important;
}


/* =========================================================
   LIVE SEARCH RESULTS
   ========================================================= */

body .live-search-results {
    font-family: "Lato", sans-serif !important;
}


/* Results container */

body .autocomplete-suggestions {
    border: 1px solid rgba(41, 42, 45, 0.10) !important;
    border-radius: 0 0 4px 4px !important;

    background: #FFFFFF !important;

    box-shadow:
        0 8px 22px rgba(25, 28, 32, 0.10) !important;
}


/* Individual result */

body .autocomplete-suggestion {
    min-height: 56px !important;

    padding: 8px 8px !important;

    display: flex !important;
    align-items: center !important;

    border-bottom: 1px solid rgba(41, 42, 45, 0.07) !important;

    font-family: "Lato", sans-serif !important;
}


body .autocomplete-suggestion:last-child {
    border-bottom: 0 !important;
}


/* Result hover */

body .autocomplete-suggestion:hover,
body .autocomplete-selected {
    background: #F7F7F6 !important;
}


/* =========================================================
   SEARCH RESULT IMAGE
   ========================================================= */

body .autocomplete-suggestion .search-image,
body .autocomplete-suggestion img.search-image,
body .live-search-results .search-image,
body .live-search-results .search-image img {
    width: 40px !important;
    height: 40px !important;

    min-width: 40px !important;
    max-width: 40px !important;

    flex: 0 0 40px !important;

    margin: 0 10px 0 0 !important;

    border-radius: 4px !important;

    object-fit: cover !important;
}


/* Catch Flatsome image wrapper */

body .autocomplete-suggestion .search-image img {
    display: block !important;

    width: 40px !important;
    height: 40px !important;

    border-radius: 4px !important;

    object-fit: cover !important;
}


/* =========================================================
   SEARCH RESULT TYPOGRAPHY
   ========================================================= */

body .autocomplete-suggestion .search-name {
    font-family: "Lato", sans-serif !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    line-height: 1.3 !important;

    color: #292A2D !important;

    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* Price */

body .autocomplete-suggestion .search-price {
    margin-left: auto !important;
    padding-left: 8px !important;

    font-family: "Lato", sans-serif !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    white-space: nowrap !important;

    color: #292A2D !important;
}


/* Old price */

body .autocomplete-suggestion .search-price del {
    margin-right: 4px !important;

    font-size: 10px !important;
    font-weight: 400 !important;

    color: #8B8F95 !important;
}


/* Current price */

body .autocomplete-suggestion .search-price ins {
    text-decoration: none !important;

    color: #292A2D !important;
}


/* =========================================================
   MOBILE SEARCH
   ========================================================= */

@media (max-width: 1100px) {

    /* Make the search area narrower */

    body .mobile-sidebar .searchform {
        width: 240px !important;
        max-width: calc(100% - 36px) !important;

        margin-left: 18px !important;
        margin-right: auto !important;
    }


    /* Keep mobile control slightly larger */

    body .mobile-sidebar .searchform input[type="search"] {
        height: 38px !important;
        min-height: 38px !important;

        font-size: 13px !important;
    }


    body .mobile-sidebar .searchform button {
        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;
    }


    /* Compact mobile results */

    body .mobile-sidebar .autocomplete-suggestion {
        min-height: 54px !important;

        padding: 7px 8px !important;
    }


    body .mobile-sidebar .autocomplete-suggestion .search-image,
    body .mobile-sidebar .autocomplete-suggestion img.search-image,
    body .mobile-sidebar .autocomplete-suggestion .search-image img {
        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        max-width: 38px !important;

        flex-basis: 38px !important;

        border-radius: 4px !important;

        object-fit: cover !important;
    }


    body .mobile-sidebar .autocomplete-suggestion .search-name {
        font-size: 13px !important;
    }


    body .mobile-sidebar .autocomplete-suggestion .search-price {
        font-size: 10.5px !important;
    }

}