/*=====================================================
    CUSTOM HEADER
=====================================================*/

#dainik-custom-header{

    position: fixed;

    top: 0;
    
    left: 0;

    right: 0;

    width: 100%;

    background:#fff;

    height:70px;

    padding:10px 40px;

    display:flex;

    align-items:center;

    gap:25px;

    box-shadow:0 2px 10px rgba(0,0,0,.05);

    position:relative;

    z-index:99999;

}

.dh-logo{

    flex:0 0 180px;

}

.dh-logo img{

    width:155px;

    height:auto;

    display:block;

}

.dh-search{

    flex:1;

}

.dh-search form{

    display:flex;

}

.dh-search input[type="search"]{

    flex:1;

    height:45px;

    padding:0 18px;

    border:2px solid #d62828;

    border-right:none;

    border-radius:8px 0 0 8px;

    outline:none;

    font-size:16px;

}

.dh-search button{

    width:60px;

    border:none;

    border-radius:0 8px 8px 0;

    background:#d62828;

    color:#fff;

    cursor:pointer;

}

.dh-icons{

    display:flex;

    align-items:center;

    gap:18px;

}

/*=====================================================
    HEADER ICONS
=====================================================*/

.dh-icon{

    position:relative;

    width:44px;

    height:44px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:6px;

    border-radius:50%;

    background:#f5f5f5;

    color:#333;

    text-decoration:none;

    transition:all .25s ease;

}

.dh-icon:hover,

.dh-cart-wrapper.cart-open>.dh-icon,

.dh-account-wrapper.account-open>.dh-icon{

    background:#d62828;

    color:#fff;

    transform:translateY(-2px);

    box-shadow:0 8px 20px rgba(214,40,40,.22);

}

.dh-icon:hover i,

.dh-cart-wrapper.cart-open>.dh-icon i,

.dh-account-wrapper.account-open>.dh-icon i{

    color:#fff;

}

/*=====================================================
    BADGES
=====================================================*/

.cart-count,
.wishlist-count{

    position:absolute;

    top:-6px;

    right:-6px;

    min-width:18px;

    height:18px;

    padding:0 5px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#d62828;

    color:#fff;

    font-size:11px;

    font-weight:700;

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

.dh-account-wrapper{

    position:relative;

}

.dh-account-dropdown{

    position:absolute;

    top:calc(100% + 8px);

    right:0;

    width:220px;

    background:#fff;

    border:1px solid #ececec;

    border-radius:12px;

    box-shadow:0 18px 45px rgba(0,0,0,.12);

    overflow:hidden;

    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:all .25s ease;

    z-index:99999;

}

.dh-account-wrapper.account-open .dh-account-dropdown{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.dh-account-title{

    padding:16px;

    background:#fafafa;

    border-bottom:1px solid #ececec;

    font-size:15px;

    font-weight:700;

    color:#222;

}

.dh-account-dropdown a{

    display:block;

    padding:13px 16px;

    color:#444;

    text-decoration:none;

    font-size:14px;

    transition:all .2s ease;

}

.dh-account-dropdown a:hover{

    background:#f5f5f5;

    color:#d62828;

}

.account-arrow{

    font-size:10px;

    opacity:.7;

    transition:transform .25s ease;

}

.dh-account-wrapper.account-open .account-arrow{

    transform:rotate(180deg);

    opacity:1;

}

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

.dh-cart-wrapper{

    position:relative;

}

.dh-mini-cart{

    position:absolute;

    top:calc(100% + 8px);

    right:0;

    width:340px;

    background:#fff;

    border:1px solid #ececec;

    border-radius:14px;

    box-shadow:0 18px 45px rgba(0,0,0,.12);

    overflow:hidden;

    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:all .25s ease;

    z-index:99999;

}

.dh-cart-wrapper.cart-open .dh-mini-cart{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}


/*=====================================================
    MINI CART HEADER
=====================================================*/

.dh-mini-cart-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:16px 18px;

    background:#fff;

    border-bottom:1px solid #ececec;

}

.dh-mini-cart-header h4{

    margin:0;

    font-size:16px;

    font-weight:700;

    color:#222;

}

.dh-mini-cart-count{

    display:flex;

    align-items:center;

    justify-content:center;

    min-width:28px;

    height:28px;

    border-radius:999px;

    background:#198754;

    color:#fff;

    font-size:13px;

    font-weight:700;

}


/*=====================================================
    PRODUCT LIST
=====================================================*/

.dh-mini-cart ul{

    margin:0;

    padding:16px;

    list-style:none;

    max-height:320px;

    overflow-y:auto;

}

.dh-mini-cart li{

    position:relative;

    display:flex;

    align-items:center;

    gap:14px;

    padding:14px 0 14px 38px;

    border-bottom:1px solid #efefef;

}

.mini-cart-image{

    flex-shrink:0;

}

.mini-cart-image img{

    width:58px;

    height:58px;

    object-fit:cover;

    border-radius:10px;

}

.mini-cart-details{

    flex:1;

    min-width:0;

    display:flex;

    flex-direction:column;

    gap:5px;

}

.mini-cart-title a{

    color:#222;

    font-size:14px;

    font-weight:600;

    line-height:1.4;

    text-decoration:none;

}

.mini-cart-title a:hover{

    color:#198754;

}

.mini-cart-price{

    color:#666;

    font-size:13px;

}

.dh-mini-cart .quantity{

    display:block;

    margin-top:6px;

    color:#666;

    font-size:13px;

}


/*=====================================================
    REMOVE BUTTON
=====================================================*/

.dh-mini-cart .remove{

    position:absolute;

    left:0;

    top:50%;

    transform:translateY(-50%);

    width:28px;

    height:28px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#f5f5f5;

    color:#777 !important;

    text-decoration:none;

    font-size:18px;

    font-weight:700;

    transition:all .2s ease;

}

.dh-mini-cart .remove:hover{

    background:#e53935;

    color:#fff !important;

}


/*=====================================================
    FOOTER
=====================================================*/

.dh-mini-cart .total{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin:0;

    padding:16px 18px;

    border-top:1px solid #ececec;

    font-size:15px;

    font-weight:700;

}

.dh-mini-cart .buttons{

    display:grid;

    gap:10px;

    padding:0 18px 18px;

}

.dh-mini-cart .button{

    padding:12px;

    border-radius:10px;

    text-align:center;

    font-weight:600;

    transition:all .25s ease;

}

.dh-mini-cart .wc-forward:not(.checkout){

    background:#f7f7f7;

    color:#222 !important;

}

.dh-mini-cart .wc-forward:not(.checkout):hover{

    background:#ececec;

}

.dh-mini-cart .checkout{

    background:#198754;

    color:#fff !important;

}

.dh-mini-cart .checkout:hover{

    background:#157347;

}


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

.ast-mini-cart-empty{

    padding:25px 18px 20px;

    text-align:center;

}

.ast-mini-cart-message{

    margin-bottom:18px;

}

.ast-mini-cart-message p{

    margin:0;

    color:#666;

    font-size:15px;

    line-height:1.6;

}

.ast-mini-cart-message::before{

    content:"\f07a";

    display:block;

    margin-bottom:12px;

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    font-size:30px;

    color:#198754;

}

.dh-mini-cart .woocommerce-mini-cart__empty-message{

    padding:40px 20px 10px;

    text-align:center;

    color:#777;

    font-size:15px;

}

.ast-continue-shopping{

    display:block;

    width:100%;

    padding:12px 18px;

    border-radius:10px;

    background:#198754;

    color:#fff !important;

    text-align:center;

    text-decoration:none;

    font-weight:600;

    transition:all .25s ease;

}

.ast-continue-shopping:hover{

    background:#157347;

    transform:translateY(-1px);

}

/*=====================================================
    STICKY HEADER
=====================================================*/

#dainik-custom-header{

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;

}

#dainik-custom-header.is-sticky{

    position:fixed;

    top:0;

    left:0;

    right:0;

    width:100%;

    z-index:99999;

    animation:headerSlide .3s ease;

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

}

@keyframes headerSlide{

    from{

        transform:translateY(-100%);

    }

    to{

        transform:translateY(0);

    }

}

/* Hidden on desktop */

.dh-search-toggle{

    display:none;

}
/*==================================================
    MOBILE MENU
==================================================*/

.dh-mobile-toggle{

    display:none;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#f5f5f5;

    cursor:pointer;

    align-items:center;

    justify-content:center;

    color:#333;

    font-size:18px;

    transition:.25s;

}

.dh-mobile-toggle:hover{

    background:#d62828;

    color:#fff;

}

.dh-mobile-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    opacity:0;

    visibility:hidden;

    transition:.3s;

    z-index:99998;

}

.dh-mobile-menu{

    position:fixed;

    top:0;

    bottom:0;

    left:-320px;

    width:300px;

    max-width:85%;

    height:100dvh;

    overflow-y:auto;

    background:#fff;

    transition:.35s;

    z-index:99999;

}

.dh-mobile-menu.open{

    left:0;

}

.dh-mobile-overlay.open{

    opacity:1;

    visibility:visible;

}

.dh-mobile-menu-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px;

    border-bottom:1px solid #eee;

}

.dh-mobile-menu-header img{

    width:120px;

}

.dh-mobile-close{

    width:40px;

    height:40px;

    border:none;

    background:#f5f5f5;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    color:#333;

    font-size:18px;

    transition:.25s;

}

.dh-mobile-close:hover{

    background:#d62828;

    color:#fff;

}

.dh-mobile-close i{

    color:inherit;

}


.dh-mobile-search{

    padding:18px;

    border-bottom:1px solid #eee;

}

.dh-mobile-search input{

    width:100%;

    height:42px;

    padding:0 15px;

    border:2px solid #d62828;

    border-radius:8px;

    outline:none;

}

/*=========================================
    MOBILE MENU LINKS
=========================================*/

.dh-mobile-menu-body{

    display:flex;

    flex-direction:column;

    padding-bottom:20px;

}

.dh-mobile-menu-body > a{

    display:flex;

    align-items:center;

    gap:14px;

    padding:16px 20px;

    text-decoration:none;

    color:#333;

    font-size:15px;

    font-weight:500;

    border-bottom:1px solid #f2f2f2;

    transition:.25s;

}

.dh-mobile-menu-body > a i:first-child{

    width:22px;

    text-align:center;

    color:#d62828;

    font-size:16px;

}

.dh-mobile-menu-body > a span{

    flex:1;

}

.dh-mobile-menu-body > a:hover{

    background:#fafafa;

    color:#d62828;

    padding-left:26px;

}

/* Current Page Highlight */

.dh-mobile-menu-body a.current-menu-item{

    background:#fff3f3;

    color:#d62828;

    font-weight:700;

}

.dh-mobile-menu-body a.current-menu-item i{

    color:#d62828;

}

/*=========================================
    MOBILE CATEGORIES
=========================================*/

.dh-mobile-categories{

    display:none;

    background:#fafafa;

}

.dh-mobile-categories a{

    display:flex;

    align-items:center;

    padding:13px 20px 13px 56px;

    text-decoration:none;

    color:#666;

    font-size:14px;

    border-bottom:1px solid #ececec;

    transition:.2s;

}

.dh-mobile-categories a:hover{

    background:#fff;

    color:#d62828;

}

.dh-category-arrow{

    margin-left:auto;

    transition:.3s;

}

.dh-mobile-category-toggle.active .dh-category-arrow{

    transform:rotate(180deg);

}

/*==================================================
    MOBILE HEADER
==================================================*/

@media (max-width: 550px){

    .dh-mobile-toggle{

        display:flex;

    }

    .dh-search-toggle{

    display:none !important;

}

    #dainik-custom-header{

        padding:10px 16px;

        height:65px;

        gap:12px;

    }


    /* Hide Search Bar */
    .dh-search{

        display:none;

    }

    /* Logo */
    .dh-logo{

        flex:1;

    }

    .dh-logo img{

        width:130px;

    }

    /* Keep Icons Together */
    .dh-icons{

        display:flex;

        align-items:center;

        gap:10px;

        margin-left:auto;

    }

}

/*=====================================================
    RESPONSIVE
=====================================================*/

@media (max-width:820px){

    .dh-search{

    display:none;

}

.dh-search.active{

    display:block;

    position:absolute;

    top:100%;

    left:0;

    width:100%;

    padding:15px;

    background:#fff;

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

}

.dh-search-toggle{

    display:flex;

}

    .dh-search form{

    width:100%;

}

.dh-logo img{

    width:140px;

}

.dh-icon{

    width:40px;

    height:40px;

}

.dh-icons{
    margin-left: auto;
}

.dh-search input[type="search"]{

    height:42px;

    font-size:15px;

}

.dh-search button{

    width:54px;

}

}

/*=========================================
    MINI CART - SMALL MOBILE
=========================================*/

@media (max-width:440px){

    .dh-mini-cart{

        position:fixed;

        top:80px;
        left:10px;
        right:10px;

        width:auto;
        max-width:none;

        max-height:calc(100vh - 100px);
        overflow-y:auto;

        border-radius:16px;

    }

}


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

.dh-mobile-search input[type="search"]{

    width:100% !important;

    height:50px !important;

    padding:0 18px !important;

    border:1px solid #ff4343 !important;
    border-radius:12px !important;

    background:#fff !important;

    box-shadow:none !important;
    outline:none !important;

    font-size:15px !important;
    color:#222 !important;

    appearance:none;
    -webkit-appearance:none;

    box-sizing:border-box;

}

.dh-mobile-search input[type="search"]::placeholder{

    color:#888 !important;

}

.dh-mobile-search input[type="search"]:focus{

    border-color:#198754 !important;

    box-shadow:0 0 0 3px rgba(25,135,84,.12) !important;

}