/* Page shell — width comes from Bootstrap .container on #content (Customizer setting). */

#page-wrapper .fw-container {
	width: 100%;
}

/* Full-width title under site header */
#page-wrapper .page-title-row {
	margin-bottom: 1rem;
}

/* Casino list card — full content width, above TOC column */
#page-wrapper .page-casino-full {
	width: 100%;
	margin-bottom: 1.5rem;
}

/* Intro + inline casino (homepage): full width, TOC column starts below */
#page-wrapper .page-before-toc {
	width: 100%;
	margin-bottom: 1.5rem;
}

#page-wrapper .page-casino-full .bet-casino-list,
#page-wrapper .page-before-toc .bet-casino-list {
	width: 100%;
	max-width: 100%;
}

.page-body-layout {
	display: block;
}

.page-body-layout__main {
	min-width: 0;
}

body:not(.has-page-toc) .page-body-layout__toc {
	display: none;
}

@media (min-width: 992px) {
	/* Article left, TOC right — starts below the h1 row */
	body.has-page-toc .page-body-layout {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
		gap: 1.75rem 2rem;
		align-items: start;
	}

	body.has-page-toc .page-body-layout__main {
		grid-column: 1;
		grid-row: 1;
	}

	body.has-page-toc .page-body-layout__toc {
		grid-column: 2;
		grid-row: 1;
		position: sticky;
		top: 5.5rem;
		max-height: calc(100vh - 6.5rem);
		overflow: auto;
	}

	body.has-page-toc .page-body-layout__main .fw-container {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	.page-body-layout {
		display: flex;
		flex-direction: column;
	}

	/* TOC under casino block, above article text */
	.page-body-layout__toc {
		order: -1;
		margin-bottom: 1.25rem;
	}
}

#page-wrapper .entry-content .bet-casino-list,
#page-wrapper .entry-content .bet-box-list,
#page-wrapper .bet-casino-row__grid,
#page-wrapper .bet-box-card {
	max-width: 100%;
	width: 100%;
}