/**
 * BXH bóng đá hub (/bxh-bong-da/) — layout for Vue app vs sidebars (PC + mobile).
 * Parity target: full-width data strip + readable table (see bongdanet66 bang-xep-hang hub).
 */

.sport-theme-bongdanet .sport-core-page-bang-xep-hang .main-content {
	min-width: 0;
	flex: 1 1 0%;
}

.sport-theme-bongdanet .sport-core-page-bang-xep-hang .sport-core-article {
	overflow: hidden;
}

.sport-theme-bongdanet .sport-core-page-bang-xep-hang .sport-core-mounts {
	width: 100%;
	max-width: 100%;
	margin-top: 0.25rem;
}

/* Vue root: allow horizontal league / tab bars to scroll inside the main column */
.sport-theme-bongdanet .sport-core-page-bang-xep-hang #app-vue {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	scrollbar-gutter: stable;
}

.sport-theme-bongdanet .sport-core-page-bang-xep-hang #app-vue.twp {
	box-sizing: border-box;
}

/* Empty Gutenberg body: don’t leave a tall blank gap above the app */
.sport-theme-bongdanet .sport-core-page-bang-xep-hang .entry-content:empty {
	display: none;
	margin: 0;
	padding: 0;
}

.sport-theme-bongdanet .sport-core-page-bang-xep-hang .page-title {
	margin-top: 0;
	margin-bottom: 0.75rem;
	font-size: clamp(1.125rem, 2.5vw, 1.5rem);
	line-height: 1.25;
}

/* Table / card content from Vue: avoid breaking flex layout */
.sport-theme-bongdanet .sport-core-page-bang-xep-hang #app-vue table {
	max-width: 100%;
}

/* —— Mobile: main column first, full width —— */
@media (max-width: 991px) {
	.sport-theme-bongdanet .sport-core-page-bang-xep-hang.sidebar-both .contain-row {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	.sport-theme-bongdanet .sport-core-page-bang-xep-hang.sidebar-both .main-content {
		order: -1;
		width: 100% !important;
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.sport-theme-bongdanet .sport-core-page-bang-xep-hang .left-sidebar-content,
	.sport-theme-bongdanet .sport-core-page-bang-xep-hang .right-sidebar-content {
		width: 100% !important;
		max-width: 100%;
	}

	.sport-theme-bongdanet .sport-core-page-bang-xep-hang .sport-core-article {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 768px) {
	.sport-theme-bongdanet .sport-core-page-bang-xep-hang .page-title {
		font-size: 1rem;
		margin-bottom: 0.5rem;
		padding: 0 4px;
	}

	.sport-theme-bongdanet .sport-core-page-bang-xep-hang #app-vue {
		padding-left: 0;
		padding-right: 0;
	}
}