/**
 * Flatsome [tabgroup] / Tab Panel: strip tab labels dùng `ul.nav` — trùng họ class với menu header.
 * Một số rule `.nav` / flex / float toàn cục khiến thanh tab và nội dung panel chồng chữ hoặc xếp dọc sai,
 * đặc biệt trong UX Builder (iframe) hoặc khi custom CSS can thiệp `.nav`.
 */

.tabbed-content {
	position: relative;
	z-index: 2;
	isolation: isolate;
}

/* Tabs ngang (mặc định) */
.tabbed-content > ul.nav:not(.nav-vertical) {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: stretch !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.tabbed-content > ul.nav:not(.nav-vertical) > li {
	float: none !important;
	list-style: none !important;
	margin: 0 !important;
}

.tabbed-content > ul.nav:not(.nav-vertical) > li > a {
	display: block !important;
	box-sizing: border-box !important;
}

/* Tabs dọc ([tabgroup_vertical]) */
.tabbed-content > ul.nav.nav-vertical {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tabbed-content > ul.nav.nav-vertical > li {
	float: none !important;
	list-style: none !important;
}

/* Vùng nội dung tab — tách layer rõ với header sticky / phần khác */
.tabbed-content .tab-panels {
	position: relative;
	z-index: 1;
	clear: both;
	overflow: visible;
	min-width: 0;
}

.tabbed-content .tab-panels .panel {
	position: relative;
	min-height: 0;
	min-width: 0;
}

/**
 * Aurora Slider Gallery trong tab: thoát khỏi cột bị giới hạn max-width (vd. col-inner 1200px),
 * trải full chiều ngang viewport — class .oani-aurora-fullbleed trên row để hỗ trợ trình duyệt không có :has().
 */
.tabbed-content .tab-panels .panel .row:has(.aurora-sg),
.tabbed-content .tab-panels .panel .row.oani-aurora-fullbleed {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	box-sizing: border-box;
	position: relative;
}

.tabbed-content .tab-panels .panel .row:has(.aurora-sg) > .col,
.tabbed-content .tab-panels .panel .row.oani-aurora-fullbleed > .col {
	padding-left: 0;
	padding-right: 0;
	max-width: none;
}