/*
Theme Name: WoodMart Child
Template: woodmart
*/

/* Base styles for all count pills */
.woodmart-nav-link .cat-menu-count,
.wd-nav-vertical .cat-menu-count,
#menu-categories .cat-menu-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.8em;
    height: 1.8em;
    padding: 0 0.4em;
    margin-left: 0.5em;
    font-size: 0.75em;
    font-weight: 600;
    line-height: 1;
    border-radius: 1.8em;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

/* Non‑zero counts – green */
.woodmart-nav-link .cat-menu-count:not(.zero-count),
.wd-nav-vertical .cat-menu-count:not(.zero-count),
#menu-categories .cat-menu-count:not(.zero-count) {
    background: #83b735;
    color: white;
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Zero counts – lighter grey */
.woodmart-nav-link .cat-menu-count.zero-count,
.wd-nav-vertical .cat-menu-count.zero-count,
#menu-categories .cat-menu-count.zero-count {
    background: #f5f5f5;      /* much lighter grey */
    color: #aaa;              /* softer grey text */
    border: 1px solid #eee;   /* subtle border */
    opacity: 0.9;
}

/* Hover effect */
.menu-item:hover .cat-menu-count:not(.zero-count),
.woodmart-nav-link:hover .cat-menu-count:not(.zero-count) {
    background: #43a047;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    transform: translateY(-1px);
}

.menu-item:hover .cat-menu-count.zero-count,
.woodmart-nav-link:hover .cat-menu-count.zero-count {
    background: #eaeaea;      /* slightly darker on hover */
    color: #888;
    border-color: #ddd;
    opacity: 1;
}

/* Submenu items – slightly smaller */
.wd-sub-menu .cat-menu-count {
    font-size: 0.7em;
    min-width: 1.6em;
    height: 1.6em;
}
.wd-sub-menu li {
    border-bottom: var(--nav-border);
}