/* ==========================================================
   PABRIKTANI PREMIUM THEME
   HEADER
==========================================================*/

header{

    position:relative;

    width:100%;

    background:#ffffff;

    z-index:9999;

}

/* Sticky Header */

header.sticky{

    position:fixed;

    top:0;

    left:0;

    right:0;

    width:100%;

    animation:headerSlide .35s ease;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

}

/* Header Wrapper */

.site-header{

    width:100%;

}

/* Logo */

.logo{

    display:flex;

    align-items:center;

}

.logo a{

    display:flex;

    align-items:center;

}

.logo img{

    height:116px;

    width:auto;

    transition:.30s;

}

.logo img:hover{

    transform:scale(1.03);

}

/* Right Area */

.header-right{

    display:flex;

    align-items:center;

    gap:18px;

}

/* Icon Button */

.icon-btn{

    width:46px;

    height:46px;

    border:none;

    background:#ffffff;

    border-radius:50%;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.30s;

    box-shadow:0 4px 14px rgba(0,0,0,.06);

}

.icon-btn:hover{

    background:#2E7D32;

    color:#ffffff;

}

/* Login Button */

.login-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:48px;

    padding:0 26px;

    background:#2E7D32;

    color:#ffffff;

    border-radius:12px;

    font-weight:600;

    transition:.30s;

}

.login-btn:hover{

    background:#1B5E20;

}

/* Cart badge — scoped di woocommerce.css (.icon-btn.cart .pt-cart-count) */

/* Search */

.search-box{

    position:relative;

}

.search-box input{

    width:260px;

    height:46px;

    border:1px solid #E5E5E5;

    border-radius:25px;

    padding:0 18px;

    outline:none;

    transition:.30s;

}

.search-box input:focus{

    border-color:#2E7D32;

}

/* Divider */

.header-divider{

    width:1px;

    height:32px;

    background:#EAEAEA;

}

/* Shadow Utility */

.header-shadow{

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

/* Animation */

@keyframes headerSlide{

    from{

        transform:translateY(-100%);

    }

    to{

        transform:translateY(0);

    }

}

/* Responsive */

@media(max-width:1200px){

.logo img{

height:104px;

}

.search-box input{

width:200px;

}

}

@media(max-width:992px){

.header-right{

gap:12px;

}

.search-box{

display:none;

}

.logo img{

height:96px;

}

}

@media(max-width:768px){

header{

position:relative;

}

.logo img{

height:88px;

}

.login-btn{

display:none;

}

}

@media(max-width:576px){

.icon-btn{

width:42px;

height:42px;

}

.logo img{

height:80px;

}

}