/* ==============================================
   PACKAGES PAGE STYLES
   ============================================== */

/* Reuse filter styles from destinations.css */
.filter-tab {
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--text-muted);
    background: none;
    border: none;
    border-radius: var(--radius-lg);
    cursor: pointer;
    white-space: nowrap;
    transition: all var(--transition-fast);
}

.filter-tab:hover {
    color: var(--text-primary);
    background: var(--bg-glass);
}

.filter-tab.active {
    color: var(--white);
    background: var(--primary);
}

.pkg-sort .form-select {
    font-size: var(--text-sm);
}

@media (max-width: 768px) {
    .pkg-sort {
        width: 100%;
    }
}