/* BogMeal Custom Styles */

.nav-btn {
    padding: 0.5rem 0.85rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #94A3B8;
    border-radius: 0.625rem;
    transition: all 0.15s ease-in-out;
    display: inline-flex;
    align-items: center;
}

.nav-btn:hover {
    color: #F1F5F9;
    background-color: #25303D;
}

.nav-btn.active {
    color: #FFFFFF;
    background-color: #0D9488;
    box-shadow: 0 4px 12px rgba(13, 148, 136, 0.3);
}

.inv-zone-btn {
    padding: 0.4rem 0.9rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #94A3B8;
    border-radius: 0.5rem;
    transition: all 0.15s ease-in-out;
}

.inv-zone-btn:hover {
    color: #FFFFFF;
}

.inv-zone-btn.active {
    background-color: #0D9488;
    color: #FFFFFF;
}

.shop-filter-btn {
    padding: 0.35rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #94A3B8;
    background-color: #1E2630;
    border: 1px solid #334155;
    border-radius: 0.625rem;
    transition: all 0.15s ease-in-out;
}

.shop-filter-btn:hover {
    border-color: #0D9488;
    color: #FFFFFF;
}

.shop-filter-btn.active {
    background-color: #0D9488;
    border-color: #0D9488;
    color: #FFFFFF;
}