/*
Theme Name: Hara Child
Theme URI: https://hara.thembaydev.com/
Author: Thembay
Description: This is a child theme for Hara
Version: 1.0
Author URI: https://thembay.com/
Template: hara
Text Domain: hara-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

/* ===== Floating Sticky Cart ===== */

#custom-floating-cart{
    position:fixed;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    width:85px;
    z-index:99999;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.18);
}

#custom-floating-cart a{
    text-decoration:none;
    display:block;
}

#custom-floating-cart .cart-top{
    background:#22263a;
    color:#fff;
    text-align:center;
    padding:14px 8px;
}

#custom-floating-cart .dashicons{
    display:block;
    font-size:28px;
    width:28px;
    height:28px;
    margin:0 auto 8px;
}

#custom-floating-cart .cart-count{
    display:block;
    font-size:12px;
    font-weight:700;
    line-height:16px;
    text-transform:uppercase;
}

#custom-floating-cart .cart-bottom{
    background:#ff2d7a;
    color:#fff;
    text-align:center;
    padding:12px 8px;
    font-size:22px;
    font-weight:700;
}

#custom-floating-cart:hover{
    transform:translateY(-50%) scale(1.05);
    transition:.25s;
}

@media(max-width:768px){
    #custom-floating-cart{
        right:10px;
        width:75px;
    }

    #custom-floating-cart .cart-bottom{
        font-size:18px;
    }
}