/* Header
   ========================================================================== */

#header {
    @media (min-width: $grid-float-breakpoint) {
        @include box-shadow(0 0 25px rgba(0, 0, 0, .3));
    }   
}

.c-hamburger {
    span {
        &, 
        &:before, 
        &:after {
            border-radius: 1px;
        }
    }
}

#header .navbar-categories {
    @media (max-width: $screen-xs-max) {
        display: none;
    }
    .navbar-nav > li > a {
        // letter-spacing: .3px;
        // font-size: 14px;
    }
    .navbar-nav > .open > .dropdown-menu {
        > li {
            > a {
                font-size: 15px;
                text-transform: uppercase;
                border-bottom-width: 0;
                margin-bottom: 0;
                font-weight: 700;
            }
            > .dropdown-menu {
                padding-top: 0;
            }
        }
    }
}

#header .navbar-header {
    .cart-icon {
        padding: 10px !important;
        margin-right: 60px !important;
        svg {
            max-width: 35px;
            path, polygon {
                fill: $gx-menu-mobile-icon-color;
            }
        }
    }
}

.cart-products-count {
    top: auto;
    left: auto;
    bottom: 10px;
    right: 10px;
    line-height: 1;
    padding-top: 4px;
    background-color: #000;
    border-width: 0;
    width: 18px;
    height: 18px;
}

// prevent jumping on page load
.navbar-search {
    transition: none !important;
}


// center logo on mobile
#header .navbar-header {
    .navbar-brand {
        float: none;
        margin: 0 auto;
    }
    .cart-icon {
        position: absolute;
        right: 0;
        top: 0;
        margin-right: 0 !important;
    }
}
#meco-overlay-menu-toggle {
    right: auto;
    left: 0;
}