/*
 * SECTION:  Tabs (Best sellers / New releases / Most popular)
 * File:     assets/css/sections/sol-tabs.css
 * Used by:  [sol_book_tabs] shortcode and the Book tabs widget (Core plugin, JS: son-of-lord-core/assets/js/tabs.js)
 * To remove: delete this file and its line in inc/assets.php (handle "sol-tabs").
 */

.sol-tabs__nav {
	display: flex;
	gap: 6px;
	margin-bottom: 18px;
	overflow-x: auto;
}

.sol-tabs__nav button {
	flex: none;
	min-height: 40px;
	padding: 6px 14px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: none;
	color: var(--sol-muted);
	font-size: var(--sol-text-sm);
	font-weight: 500;
	cursor: pointer;
}

.sol-tabs__nav button[aria-selected="true"] {
	background: var(--sol-surface-alt);
	border-color: var(--sol-line);
	color: var(--sol-text);
}