/**
 * TechBBQ Agenda Primary Tabs — top-level agenda navigation.
 *
 * Figma primary tabs: node 7861:114167.
 * Section inset: 32px top on `.techbbq-agenda-section-wrap` Elementor container; horizontal max-width via `.section-inner`.
 */

.techbbq-agenda-primary-tabs {
	--techbbq-agenda-primary-tabs-size: 30px;
	--techbbq-agenda-primary-tabs-gap: var(--techbbq-space-2);
	--techbbq-agenda-primary-tabs-inner-gap: var(--techbbq-space-2);

	box-sizing: border-box;
	width: 100%;
	padding: 0;
	color: var(--techbbq-content-primary);
	background-color: var(--techbbq-bg-main);
	scroll-margin-top: 120px;
}

.techbbq-agenda-primary-tabs__inner {
	display: flex;
	flex-direction: column;
	gap: var(--techbbq-agenda-primary-tabs-inner-gap);
}

.techbbq-agenda-primary-tabs__scroll {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	text-align: left;
}

.techbbq-agenda-primary-tabs__scroll::-webkit-scrollbar {
	display: none;
}

.techbbq-agenda-primary-tabs__list {
	display: inline-flex;
	flex-wrap: nowrap;
	gap: var(--techbbq-agenda-primary-tabs-gap);
	justify-content: flex-start;
	vertical-align: top;
}

.techbbq-agenda-primary-tabs__tab {
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: var(--techbbq-font-family-heading);
	font-size: var(--techbbq-agenda-primary-tabs-size);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: var(--techbbq-content-primary);
	white-space: nowrap;
	cursor: pointer;
	opacity: 0.2;
	transition: opacity 0.2s ease, color 0.2s ease;
}

.techbbq-agenda-primary-tabs__tab.is-active {
	opacity: 1;
}

[type="button"].techbbq-agenda-primary-tabs__tab:hover,
[type="button"].techbbq-agenda-primary-tabs__tab:focus,
[type="button"].techbbq-agenda-primary-tabs__tab.is-active {
	background-color: transparent;
	border-color: transparent;
	color: var(--techbbq-content-primary);
	opacity: 1;
}

.techbbq-agenda-primary-tabs__tab:focus-visible {
	outline: 2px solid var(--techbbq-content-primary);
	outline-offset: 2px;
}

.techbbq-agenda-primary-tabs__panels {
	width: 100%;
}

.techbbq-agenda-primary-tabs__panel {
	display: flex;
	flex-direction: column;
	gap: var(--techbbq-space-3);
	width: 100%;
}

.techbbq-agenda-primary-tabs__panel[hidden] {
	display: none;
}

/* Nested schedule widgets share the primary tabs section-inner inset — no second horizontal pad. */
.techbbq-agenda-primary-tabs__panel .section-inner {
	max-width: none;
	margin-inline: 0;
	padding-inline: 0;
}

.techbbq-agenda-section-wrap .techbbq-agenda-primary-tabs__inner {
	gap: var(--techbbq-space-2);
}

.techbbq-agenda-section-wrap .techbbq-agenda-tabs__inner {
	gap: 0;
}

.techbbq-agenda-section-wrap .techbbq-agenda-tabs__toolbar {
	margin-bottom: 20px;
}

.techbbq-agenda-section-wrap .techbbq-agenda-tabs__search {
	margin-bottom: var(--techbbq-space-4);
}

/* Elementor editor: show every tab panel so nested containers stay editable. */
.elementor-editor-active .techbbq-agenda-primary-tabs__panel[hidden] {
	display: flex;
}

@media (min-width: 768px) {
	.techbbq-agenda-primary-tabs {
		--techbbq-agenda-primary-tabs-size: 42px;
		--techbbq-agenda-primary-tabs-inner-gap: var(--techbbq-space-4);
	}

	.techbbq-agenda-section-wrap .techbbq-agenda-primary-tabs__inner {
		gap: var(--techbbq-space-4);
	}
}

@media (min-width: 1024px) {
	.techbbq-agenda-primary-tabs {
		--techbbq-agenda-primary-tabs-size: 44px;
	}
}

@media (min-width: 1440px) {
	.techbbq-agenda-primary-tabs {
		--techbbq-agenda-primary-tabs-size: var(--techbbq-text-h3-size);
		--techbbq-agenda-primary-tabs-gap: var(--techbbq-space-3);
	}
}