/*
Theme Name: Loobek Child
Theme URI: https://demo.theme-sky.com/loobek/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: loobek
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: loobek-child
*/

/* CUSTOM HEADER */

.custom-header{
    width:100%;
    background:#fff;
    border-bottom:1px solid #eee;
    padding:15px 0;
    position:relative;
    z-index:999;
}

.header-container{
    max-width:1200px;
    margin:auto;
    padding:0 20px;

    display:flex;
    align-items:center;
    justify-content:space-between;
}

.header-logo img{
    max-height:60px;
}

.header-menu .main-menu{
    display:flex;
    gap:40px;
    list-style:none;
    margin:0;
    padding:0;
}

.header-menu .main-menu li a{
    text-decoration:none;
    color:#000;
    font-size:16px;
    font-weight:500;
}

.header-icons{
    display:flex;
    align-items:center;
    gap:20px;
}

.header-icon{
    position:relative;
    color:#000;
    font-size:18px;
    text-decoration:none;
}

.cart-count{
    position:absolute;
    top:-8px;
    right:-10px;

    width:18px;
    height:18px;

    border-radius:50%;
    background:#000;
    color:#fff;

    font-size:11px;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* MOBILE */

@media(max-width:767px){

    .header-container{
        flex-wrap:wrap;
        gap:15px;
    }

    .header-menu{
        width:100%;
        order:3;
    }

    .header-menu .main-menu{
        flex-direction:column;
        gap:15px;
    }

}