/**
 * .ww-tabs — used on the Casino Profile page (Overview/Bonuses/Games/
 * Payments/Withdrawals/Reviews/Complaints). Follows the WAI-ARIA Tabs
 * pattern; JS behavior lives in assets/js/components/tabs.js.
 */

.ww-tabs__list {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    border-bottom: var(--ww-border-width) solid var(--ww-border-color);
}

.ww-tabs__tab {
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--muted);
    border-bottom: 2px solid transparent;
    white-space: nowrap;
}

.ww-tabs__tab:hover {
    color: var(--wp--preset--color--ink);
}

.ww-tabs__tab[aria-selected="true"] {
    color: var(--wp--preset--color--accent);
    border-bottom-color: var(--wp--preset--color--accent);
}

.ww-tabs__panel[hidden] {
    display: none;
}

.ww-tabs__panel {
    padding-block: 1.5rem;
}