/* ==========================================================
   PADIDAR HEADER PROFESSIONAL V3
   ========================================================== */


/* ---------- TOP BAR ---------- */

.pf-header .pf-topbar{
    min-height:64px !important;

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

    background:#082d4d !important;

    border-bottom:
        1px solid rgba(255,255,255,.08) !important;
}


.pf-header .pf-topbar-inner{
    width:min(1560px,calc(100% - 48px)) !important;

    min-height:64px !important;

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

    gap:26px !important;
}


.pf-header .pf-top-actions{
    display:flex !important;
    align-items:center !important;

    gap:12px !important;

    flex:1 1 auto !important;
}


/* ---------- LOGIN ---------- */

.pf-header .pf-login{
    min-height:40px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 17px !important;

    border:1px solid rgba(255,255,255,.17) !important;
    border-radius:9px !important;

    background:#ef1734 !important;

    color:#fff !important;

    font-size:12px !important;
    font-weight:900 !important;

    text-decoration:none !important;

    white-space:nowrap !important;

    transition:.2s ease !important;
}


.pf-header .pf-login:hover{
    transform:translateY(-1px) !important;
    filter:brightness(.96) !important;
}


/* ---------- CART ---------- */

.pf-header .pf-cart{
    min-height:40px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 14px !important;

    border-radius:8px !important;

    color:#fff !important;

    font-size:12px !important;
    font-weight:800 !important;

    white-space:nowrap !important;
}


/* ---------- SEARCH ---------- */

.pf-header .pf-search{
    position:relative !important;

    width:min(420px,34vw) !important;
    min-width:300px !important;
    height:42px !important;

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

    overflow:hidden !important;

    border:
        1px solid rgba(255,255,255,.16) !important;

    border-radius:10px !important;

    background:
        rgba(255,255,255,.10) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04) !important;
}


.pf-header .pf-search input{
    flex:1 !important;

    width:100% !important;
    height:42px !important;

    margin:0 !important;

    padding:0 15px !important;

    border:0 !important;
    outline:0 !important;

    background:transparent !important;

    color:#fff !important;

    font-size:12px !important;

    box-shadow:none !important;
}


.pf-header .pf-search input::placeholder{
    color:rgba(255,255,255,.72) !important;
    opacity:1 !important;
}


.pf-header .pf-search button{
    flex:0 0 48px !important;

    width:48px !important;
    height:42px !important;

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

    padding:0 !important;

    border:0 !important;
    border-right:
        1px solid rgba(255,255,255,.10) !important;

    background:
        rgba(255,255,255,.08) !important;

    color:#fff !important;

    font-size:20px !important;

    cursor:pointer !important;
}


/* ---------- CONTACT AREA ---------- */

.pf-header .pf-contact-mini{
    display:flex !important;
    align-items:center !important;

    gap:18px !important;

    flex:0 0 auto !important;

    color:#fff !important;

    font-size:12px !important;
    font-weight:700 !important;

    white-space:nowrap !important;
}


.pf-header .pf-contact-mini a,
.pf-header .pf-contact-mini span{
    color:#fff !important;
}


.pf-header .pf-contact-mini > a:not(.pf-wa){
    direction:ltr !important;

    font-size:13px !important;
    font-weight:900 !important;
}


.pf-header .pf-contact-mini .pf-wa{
    color:#29df79 !important;
    font-weight:900 !important;
}


/* ---------- SEPARATION FROM MAIN NAV ---------- */

.pf-header .pf-navbar{
    position:relative !important;

    margin-top:8px !important;

    background:#fff !important;

    border-top:
        1px solid #edf1f4 !important;

    border-bottom:
        1px solid #dce5ed !important;

    box-shadow:
        0 5px 18px rgba(3,35,61,.045) !important;
}


.pf-header .pf-nav-inner{
    min-height:76px !important;
}


/* ---------- LARGE DESKTOP ---------- */

@media (min-width:1200px){

    .pf-header .pf-topbar-inner{
        width:min(1560px,calc(100% - 64px)) !important;
    }

}


/* ---------- TABLET ---------- */

@media (max-width:1050px){

    .pf-header .pf-topbar-inner{
        width:calc(100% - 28px) !important;
        gap:14px !important;
    }

    .pf-header .pf-search{
        min-width:220px !important;
        width:300px !important;
    }

    .pf-header .pf-contact-mini span{
        display:none !important;
    }

}


/* ---------- MOBILE ---------- */

@media (max-width:760px){

    .pf-header .pf-topbar{
        min-height:auto !important;
        padding:11px 0 !important;
    }

    .pf-header .pf-topbar-inner{
        width:calc(100% - 24px) !important;

        min-height:0 !important;

        display:grid !important;

        grid-template-columns:1fr !important;

        gap:10px !important;
    }

    .pf-header .pf-top-actions{
        display:grid !important;

        grid-template-columns:
            1fr 1fr !important;

        width:100% !important;

        gap:8px !important;
    }

    .pf-header .pf-login,
    .pf-header .pf-cart{
        width:100% !important;
        min-height:42px !important;
    }

    .pf-header .pf-search{
        grid-column:1 / -1 !important;

        width:100% !important;
        min-width:0 !important;

        height:46px !important;
    }

    .pf-header .pf-search input,
    .pf-header .pf-search button{
        height:46px !important;
    }

    .pf-header .pf-contact-mini{
        width:100% !important;

        justify-content:center !important;

        gap:14px !important;

        padding-top:2px !important;
    }

    .pf-header .pf-contact-mini span{
        display:none !important;
    }

    .pf-header .pf-navbar{
        margin-top:0 !important;
    }

}