/*
	Theme Name:   app
	Author: The develop team
	Author URI: /
	Description:  Custom theme
	Template:     savoy
	Version:      2.0
*/


/* Child theme CSS
--------------------------------------------------------------- */

/* App Theme Styles - Cart Fixes */

/* Fix cart number positioning */
.nm-menu-cart .count {
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    font-size: 12px;
    color: #dc9814;
    padding: 1px 4px;
    min-width: 16px;
    text-align: center;
    line-height: 14px;
    z-index: 10;
}

/* Fix cart shop bag positioning */
.cart-shop-bag {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

/* Ensure cart button is clickable */
#nm-menu-cart-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative;
}

/* Hide cart title on mobile to save space */
@media (max-width: 550px) {
    .nm-menu-cart .nm-menu-cart-title {
        display: none;
    }
    
    .cart-shop-bag {
        margin-right: 3px;
        width: 18px;
        height: 18px;
    }
    
    .nm-menu-cart .count {
        font-size: 11px;
        padding: 1px 4px;
        min-width: 16px;
        line-height: 12px;
    }
}

/* Fix cart panel styling */
#nm-cart-panel {
    background-color: #f7f7f7;
}

/* Ensure page overlay works properly - don't override z-index */
#nm-page-overlay.nm-cart-panel-overlay {
    /* Inherit z-index from parent theme */
}

/* Fix mobile cart button layout */
@media (max-width: 991px) {
    .nm-right-menu ul li.nm-menu-cart {
        display: flex !important;
        align-items: center;
    }
    
    .nm-right-menu ul li.nm-menu-cart a {
        display: flex;
        align-items: center;
    }
}

/* Additional cart count styling for better visibility */
.nm-menu-cart .count.nm-count-zero {
    display: none;
}

/* Cart button hover effects */
.no-touch #nm-menu-cart-btn:hover .cart-shop-bag {
    opacity: 0.8;
}

.no-touch #nm-menu-cart-btn:hover .count {
    opacity: 0.8;
}