/* Initial header styles */
.navbar {
    transition: all 0.3s ease-in-out;
    padding: 0px 0px;
    min-height: 80px;
    background-color: var(--color-white);
}

/* Shrinking effect when scrolled */
.navbar.shrink {
    padding: 5px 0px;
    min-height: 50px;
}

/* Logo size adjustments */
.navbar-brand img {
    transition: all 0.3s ease-in-out;
    height: 60px;  
 }

.navbar.shrink .navbar-brand img {  height: 50px; }

.menu-font{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}

.cart-btn {
    position: relative;
    border: none;
    background: none;
}

.cart-badge {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(10%, 60%);
        background-color: var(--color-brand);
        color: var(--color-white); 
        font-size: 12px;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
}



/*button:hover svg {
    fill: var(--color-brand);  
    transition: fill 0.3s ease-in-out; 
  }*/


button:hover .menu-icon{
    color: var(--color-brand);  
    transition: fill 0.3s ease-in-out; 
}