/*
Theme Name: Pet Prime Industries
Author: Pet Prime
Description: Pet Prime Industries is dedicated to providing high-quality pet food products that support the health, happiness, and well-being of pets. With a focus on nutrition, quality ingredients, and customer trust, we aim to deliver reliable solutions for pet owners who want the very best for their furry companions.
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.cart-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,.4);
z-index:9998;
opacity:0;
visibility:hidden;
transition:.3s;
}

.cart-overlay.active{
opacity:1;
visibility:visible;
}

.custom-cart-drawer{
position:fixed;
top:0;
right:-420px;
width:400px;
max-width:100%;
height:100vh;
background:#fff;
z-index:9999;
transition:.35s ease;
display:flex;
flex-direction:column;
overflow:hidden;
}

.custom-cart-btn:hover {
    background: #000;
    border: 1px solid #000;
}

.custom-cart-drawer.active{
right:0;
}

.drawer-header{
padding:20px;
border-bottom:1px solid #eee;
display:flex;
justify-content:space-between;
align-items:center;
}

.drawer-header h2{
margin:0;
font-size:30px;
color:#2f7d3c;
font-weight:700;
font-family: 'Montserrat';
}

.empty-cart-wrapper h3, .empty-cart-wrapper p {
    font-family: 'Montserrat';
}

.close-cart-drawer{
background:none;
border:none;
font-size:34px;
cursor:pointer;
}

#drawer-cart-content{
flex:1;
overflow-y:auto;
}

.empty-cart-wrapper{
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
padding:40px;
text-align:center;
}

.empty-cart-wrapper img{
max-width:220px;
margin-bottom:20px;
}

.drawer-cart-item{
display:flex;
gap:15px;
padding:18px;
border-bottom:1px solid #eee;
}

.drawer-cart-image img{
width:90px;
border-radius:10px;
}

.drawer-cart-info{
flex:1;
font-family: 'Montserrat';
}

.drawer-cart-info h4{
margin:0 0 10px;
font-size:16px;
}

.drawer-price{
font-weight:700;
color:#2f7d3c;
margin-bottom:12px;
}

.qty-area{
display:flex;
align-items:center;
gap:10px;
}

.qty-area button{
border:none;
background:#2f7d3c;
color:#fff;
border-radius:6px;
cursor:pointer;
}

.remove-cart-item img.emoji {
    width: 200px !important;
    padding: 0 !important;
}

.qty-area input{
width:40px;
text-align:center;
}

.remove-cart-item{
background:transparent !important;
color:red !important;
font-size:18px;
}

.cart-footer-area{
padding:20px;
border-top:1px solid #eee;
}

.cart-total-row{
display:flex;
justify-content:space-between;
margin-bottom:10px;
}

.tax-note{
font-size:13px;
color:#666;
margin-bottom:20px;
}

.drawer-btn{
display:block;
width:100%;
text-align:center;
padding:14px;
background:#2f7d3c;
color:#fff;
border-radius:8px;
text-decoration:none;
font-weight:600;
margin-bottom:12px;
}

.custom-cart-btn {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    padding: 12px 24px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    cursor: pointer;
    font-weight: 700;
}

.cart-count-badge{
position:absolute;
top:-8px;
left:-8px;
width:24px;
height:24px;
background:#111827;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:12px;
}

@media(max-width:767px){

.custom-cart-drawer{
width:100%;
}

.drawer-header h2{
font-size:24px;
}

}

.custom-shop-filter-bar{
    background:#eef5ee;
    padding:18px;
    border-radius:14px;
    margin-bottom:30px;
}

.custom-shop-filter-bar form{
    display:flex;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
}

.custom-shop-filter-bar select{
    height:45px;
    min-width:170px;
    border:1px solid #d5ddd5;
    border-radius:8px;
    padding:0 15px;
}

.filter-dropdown{
    position:relative;
}

.dropdown-toggle{
    height:45px;
    padding:0 20px;
    border:1px solid #d5ddd5;
    border-radius:8px;
    background:#fff;
    cursor:pointer;
}

.dropdown-content{
    display:none;
    position:absolute;
    top:55px;
    left:0;
    width:350px;
    background:#eef5ee;
    border:1px solid #d5ddd5;
    border-radius:10px;
    padding:20px;
    z-index:9999;
}

.filter-dropdown.active .dropdown-content{
    display:block;
}

.price-heading{
    color:#2f8d46;
    margin-bottom:15px;
    font-size:16px;
}

.price-fields{
    display:flex;
    gap:10px;
}

.price-fields input{
    width:100%;
    height:45px;
    border:1px solid #aab4aa;
    border-radius:8px;
    padding:0 15px;
}

.apply-btn{
    height:45px;
    padding:0 25px;
    background:#2f8d46;
    color:#fff;
    border:none;
    border-radius:8px;
    cursor:pointer;
}

.reset-btn{
    color:#2f8d46;
    text-decoration:none;
    font-weight:600;
}