/* Local implementation of the approved StraightBet Home option B. */
/* Astra caps direct editor children at 1200px; Home is intentionally full-bleed. */
body.home .site-content > .ast-container {
	max-width: none;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}

body.home .site-content > .ast-container > .content-area.primary {
	width: 100%;
}

body.home .entry-content[data-ast-blocks-layout] > .straightbet-home {
	width: 100%;
	max-width: none;
	margin-right: 0;
	margin-left: 0;
}

.straightbet-home {
	--straightbet-black: #020303;
	--straightbet-forest: #063727;
	--straightbet-forest-deep: #052117;
	--straightbet-green: #0f9a47;
	--straightbet-gold: #d4ad31;
	--straightbet-paper: #f7f8f5;
	--straightbet-copy: #1a2921;
	--straightbet-muted: #69766e;
	width: 100%;
	margin-left: 0;
	margin-bottom: 0;
	overflow: hidden;
	background: var(--straightbet-paper);
	color: var(--straightbet-copy);
}

.straightbet-home *,
.straightbet-home *::before,
.straightbet-home *::after {
	box-sizing: border-box;
}

.straightbet-home p,
.straightbet-home h1,
.straightbet-home h2,
.straightbet-home h3 {
	margin: 0;
}

.straightbet-home a {
	color: inherit;
	text-decoration: none;
}

.straightbet-home__hero {
	position: relative;
	min-height: 520px;
	overflow: hidden;
	isolation: isolate;
	background: var(--straightbet-forest);
	display: flex;
	color: #ffffff;
}

.straightbet-home__hero::before {
	position: absolute;
	z-index: 0;
	inset: 0;
	background: url('/wp-content/uploads/2026/07/SB-Backgroind.jpg') center / cover no-repeat;
	content: "";
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.12) 10%, #000 42%, #000 100%);
	mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.12) 10%, #000 42%, #000 100%);
	pointer-events: none;
}

.straightbet-home__hero::after {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: max(calc((100% - 1120px) / 2), 22px);
	width: min(37vw, 400px);
	aspect-ratio: 448 / 557;
	background: url('/wp-content/uploads/2026/07/Scount-SB.png') center bottom / contain no-repeat;
	content: "";
	filter: drop-shadow(0 20px 16px rgba(0, 0, 0, 0.28));
	pointer-events: none;
}

.straightbet-home__hero-inner,
.straightbet-home__content-inner,
.straightbet-home__notice-inner {
	width: min(1120px, calc(100% - 48px));
	margin: auto;
}

.straightbet-home__hero-inner {
	position: relative;
	z-index: 2;
	display: flex;
	min-height: 520px;
	align-items: flex-start;
	justify-content: flex-end;
}

.straightbet-home__hero-copy {
	width: min(660px, 59%);
	padding: 85px 0 0;
	color: #ffffff;
}

.straightbet-home__eyebrow {
	margin-bottom: 12px !important;
	color: #e3c157;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1.2;
	text-transform: uppercase;
}

.straightbet-home__hero h1 {
	max-width: 610px;
	color: #ffffff;
	font-size: clamp(42px, 4.45vw, 66px);
	font-weight: 600;
	letter-spacing: -0.06em;
	line-height: 0.96;
}

.straightbet-home__hero-lead {
	max-width: 535px;
	margin-top: 21px !important;
	color: #d9e6df;
	font-size: 18px;
	line-height: 1.45;
}

.straightbet-home__values {
	position: relative;
	z-index: 2;
	width: min(1120px, calc(100% - 48px));
	margin: -47px auto 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	overflow: hidden;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 16px 34px rgba(4, 29, 20, 0.16);
}

.straightbet-home__value {
	padding: 27px 24px 26px;
	border-right: 1px solid #e0e8e1;
}

.straightbet-home__value:last-child {
	border-right: 0;
}

.straightbet-home__value-icon {
	width: 45px;
	height: 45px;
	object-fit: contain;
	object-position: left;
}

.straightbet-home__value:last-child .straightbet-home__value-icon {
	display: block;
	padding: 8px;
	border: 2px solid var(--straightbet-gold);
	border-radius: 50%;
}

.straightbet-home__value h2 {
	margin-top: 16px;
	color: #11251a;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.25;
}

.straightbet-home__value p {
	margin-top: 8px;
	color: var(--straightbet-muted);
	font-size: 14px;
	line-height: 1.45;
}

.straightbet-home__content {
	padding: 88px 24px 68px;
}

.straightbet-home__content-inner {
	display: grid;
	grid-template-columns: 0.82fr 1.18fr;
	gap: 52px;
	align-items: start;
}

.straightbet-home__content .straightbet-home__eyebrow {
	color: var(--straightbet-green);
}

.straightbet-home__content h2 {
	color: #11251a;
	font-size: clamp(31px, 3.3vw, 48px);
	font-weight: 600;
	letter-spacing: -0.04em;
	line-height: 1.05;
}

.straightbet-home__content-intro {
	max-width: 365px;
	margin-top: 18px !important;
	color: var(--straightbet-muted);
	font-size: 17px;
	line-height: 1.55;
}

.straightbet-home__topics {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 13px;
}

.straightbet-home__topic {
	min-height: 116px;
	padding: 21px 23px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid #e1e8e2;
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 4px 12px rgba(4, 29, 20, 0.035);
	text-decoration: none !important;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.straightbet-home__topic strong,
.straightbet-home__topic span {
	text-decoration: none !important;
}

.straightbet-home__topic:hover,
.straightbet-home__topic:focus-visible {
	outline: 2px solid var(--straightbet-green);
	outline-offset: 2px;
	border-color: #bad8c4;
	box-shadow: 0 10px 20px rgba(4, 29, 20, 0.09);
	transform: translateY(-2px);
}

.straightbet-home__topic strong {
	color: #11251a;
	font-size: 19px;
	line-height: 1.16;
}

.straightbet-home__topic span {
	color: var(--straightbet-green);
	font-size: 13px;
	font-weight: 800;
}

.straightbet-home__notice {
	padding: 46px 24px 60px;
	background: var(--straightbet-forest);
	color: #ffffff;
}

.straightbet-home__notice-inner {
	display: grid;
	grid-template-columns: 1fr 1.8fr;
	gap: 40px;
	align-items: center;
}

.straightbet-home__notice h2 {
	color: #ffffff;
	font-size: 31px;
	font-weight: 600;
	letter-spacing: -0.035em;
	line-height: 1.08;
}

.straightbet-home__notice p {
	color: #d8e9de;
	font-size: 17px;
	line-height: 1.45;
}

.straightbet-home__notice strong {
	color: #f5cf56;
}

/* Homepage guidance slider: replaces the rendered notice while retaining its editorial role. */
.straightbet-home__guidance-slider {
	position: relative;
	overflow: hidden;
	padding: 48px 24px;
	background: linear-gradient(117deg, var(--straightbet-forest) 0%, #063528 55%, var(--straightbet-forest-deep) 100%);
	color: #ffffff;
}

.straightbet-home__guidance-slider::before {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 83% 42%, rgba(245, 208, 96, 0.12), transparent 22%), linear-gradient(90deg, rgba(1, 25, 17, 0.15), transparent 40%);
	content: "";
	pointer-events: none;
}

.straightbet-home__guidance-slider-inner {
	position: relative;
	display: grid;
	width: min(1120px, calc(100% - 48px));
	grid-template-columns: 308px minmax(0, 1fr);
	gap: 74px;
	align-items: stretch;
	margin: 0 auto;
}

.straightbet-home__guidance-slider-intro {
	display: flex;
	min-height: 284px;
	flex-direction: column;
	justify-content: space-between;
	padding: 9px 0 7px;
}

.straightbet-home__guidance-slider-intro .straightbet-home__eyebrow {
	color: #f5cf56;
}

.straightbet-home__guidance-slider-intro h2 {
	max-width: 270px;
	color: #ffffff;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: -0.055em;
	line-height: 1.02;
}

.straightbet-home__guidance-slider-intro p:not(.straightbet-home__eyebrow) {
	max-width: 270px;
	margin-top: 16px !important;
	color: #d8e9de;
	font-size: 15px;
	line-height: 1.5;
}

.straightbet-home__guidance-slider-controls {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-top: 28px;
}

.straightbet-home button.straightbet-home__guidance-slider-control {
	display: grid;
	width: 38px;
	height: 38px;
	min-height: 38px;
	place-items: center;
	padding: 0;
	border: 1px solid rgba(245, 208, 96, 0.6);
	border-radius: 50%;
	background: transparent;
	color: #f5cf56;
	cursor: pointer;
	line-height: 1;
	transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.straightbet-home button.straightbet-home__guidance-slider-control:hover,
.straightbet-home button.straightbet-home__guidance-slider-control:focus-visible {
	background: #f5cf56;
	color: var(--straightbet-forest-deep);
	outline: none;
	transform: translateY(-1px);
}

.straightbet-home__guidance-slider-control svg {
	width: 16px;
	height: 16px;
}

.straightbet-home__guidance-slider-dots {
	display: flex;
	gap: 7px;
	margin-left: 6px;
}

.straightbet-home button.straightbet-home__guidance-slider-dot {
	width: 22px;
	height: 8px;
	min-height: 8px;
	padding: 0;
	border: 0;
	border-radius: 99px;
	background: rgba(218, 235, 224, 0.32);
	cursor: pointer;
	line-height: 1;
	transition: width 180ms ease, background 180ms ease;
}

.straightbet-home button.straightbet-home__guidance-slider-dot[aria-pressed="true"] {
	width: 38px;
	background: #f5cf56;
}

.straightbet-home button.straightbet-home__guidance-slider-dot:focus-visible,
.straightbet-home__guidance-slider-viewport:focus-visible,
.straightbet-home__guidance-slide-content a:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 3px;
}

.straightbet-home__guidance-slider-viewport {
	position: relative;
	overflow: hidden;
	touch-action: pan-y;
	border: 1px solid rgba(218, 235, 224, 0.16);
	border-radius: 14px;
	background: rgba(1, 25, 17, 0.25);
	box-shadow: 0 18px 42px rgba(1, 17, 11, 0.18);
}

.straightbet-home__guidance-slider-track {
	display: flex;
	transition: transform 420ms cubic-bezier(0.2, 0.7, 0.2, 1);
	will-change: transform;
}

.straightbet-home__guidance-slide {
	display: grid;
	min-width: 100%;
	min-height: 284px;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: 34px;
	padding: 38px 40px;
}

.straightbet-home__guidance-slide-number {
	display: flex;
	min-height: 100%;
	flex-direction: column;
	justify-content: space-between;
	padding-right: 25px;
	border-right: 1px solid rgba(218, 235, 224, 0.17);
}

.straightbet-home__guidance-slide-number span {
	color: #f5cf56;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.straightbet-home__guidance-slide-number strong {
	color: rgba(217, 232, 223, 0.18);
	font-size: 70px;
	font-weight: 600;
	letter-spacing: -0.08em;
	line-height: 0.8;
}

.straightbet-home__guidance-slide-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.straightbet-home__guidance-slide h3 {
	max-width: 480px;
	color: #ffffff;
	font-size: 33px;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1.04;
}

.straightbet-home__guidance-slide p {
	max-width: 505px;
	margin-top: 16px !important;
	color: #d8e9de;
	font-size: 16px;
	line-height: 1.5;
}

.straightbet-home__guidance-slide-content a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-top: 27px;
	padding-bottom: 4px;
	border-bottom: 2px solid #f5cf56;
	color: #ffffff;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none !important;
}

.straightbet-home__guidance-slide-content a span {
	color: #f5cf56;
	font-size: 18px;
	line-height: 1;
	transition: transform 160ms ease;
}

.straightbet-home__guidance-slide-content a:hover span,
.straightbet-home__guidance-slide-content a:focus-visible span {
	transform: translateX(3px);
}

.straightbet-home__guidance-slider-status {
	position: absolute;
	top: 19px;
	right: 24px;
	z-index: 1;
	color: #b9d1c3;
	font-size: 12px;
	font-weight: 750;
	letter-spacing: 0.1em;
}

.straightbet-home__guidance-slider-status strong {
	color: #f5cf56;
}

@media (max-width: 960px) {
	.straightbet-home__values {
		grid-template-columns: 1fr 1fr;
	}

	.straightbet-home__value:nth-child(2) {
		border-right: 0;
	}

	.straightbet-home__value:nth-child(-n+2) {
		border-bottom: 1px solid #e0e8e1;
	}

	.straightbet-home__content-inner {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.straightbet-home__content-intro {
		max-width: 650px;
	}

	.straightbet-home__guidance-slider {
		padding: 38px 20px;
	}

	.straightbet-home__guidance-slider-inner {
		width: min(100% - 40px, 520px);
		grid-template-columns: 1fr;
		gap: 25px;
	}

	.straightbet-home__guidance-slider-intro {
		min-height: 0;
		padding: 0;
	}

	.straightbet-home__guidance-slider-intro h2 {
		max-width: 520px;
		font-size: 34px;
	}

	.straightbet-home__guidance-slider-intro p:not(.straightbet-home__eyebrow) {
		max-width: 520px;
	}

	.straightbet-home__guidance-slider-controls {
		margin-top: 22px;
	}

	.straightbet-home__guidance-slide {
		min-height: 252px;
		grid-template-columns: 112px minmax(0, 1fr);
		gap: 25px;
		padding: 33px 30px;
	}

	.straightbet-home__guidance-slide h3 {
		font-size: 29px;
	}

	.straightbet-home__guidance-slide-number strong {
		font-size: 59px;
	}
}

@media (max-width: 680px) {
	.straightbet-home__hero {
		min-height: 650px;
	}

	.straightbet-home__hero::before {
		background-position: 57% center;
	}

	.straightbet-home__hero::after {
		bottom: -8px;
		left: 50%;
		width: min(66vw, 280px);
		transform: translateX(-50%);
	}

	.straightbet-home__hero-inner,
	.straightbet-home__content-inner,
	.straightbet-home__notice-inner {
		width: min(100% - 40px, 520px);
	}

	.straightbet-home__hero-copy {
		width: 100%;
		padding: 46px 0 0;
	}

	.straightbet-home__hero-inner {
		min-height: 650px;
		align-items: flex-start;
	}

	.straightbet-home__eyebrow {
		font-size: 11px;
	}

	.straightbet-home__hero h1 {
		max-width: 360px;
		font-size: clamp(40px, 12vw, 52px);
	}

	.straightbet-home__hero-lead {
		max-width: 355px;
		margin-top: 17px !important;
		font-size: 16px;
	}

	.straightbet-home__values {
		width: min(100% - 32px, 520px);
		margin-top: -22px;
		grid-template-columns: 1fr;
	}

	.straightbet-home__value,
	.straightbet-home__value:nth-child(2) {
		border-right: 0;
		border-bottom: 1px solid #e0e8e1;
	}

	.straightbet-home__value:last-child {
		border-bottom: 0;
	}

	.straightbet-home__content {
		padding: 56px 20px;
	}

	.straightbet-home__topics {
		grid-template-columns: 1fr;
	}

	.straightbet-home__notice {
		padding: 38px 20px 52px;
	}

	.straightbet-home__notice-inner {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.straightbet-home__notice p {
		font-size: 16px;
	}

	.straightbet-home__guidance-slider {
		padding: 36px 20px 40px;
	}

	.straightbet-home__guidance-slider-inner {
		width: min(100% - 40px, 520px);
	}

	.straightbet-home__guidance-slider-intro h2 {
		font-size: 31px;
	}

	.straightbet-home__guidance-slider-intro p:not(.straightbet-home__eyebrow) {
		font-size: 15px;
	}

	.straightbet-home__guidance-slider-viewport {
		border-radius: 12px;
	}

	.straightbet-home__guidance-slide {
		display: block;
		min-height: 268px;
		padding: 28px 24px 29px;
	}

	.straightbet-home__guidance-slide-number {
		display: flex;
		min-height: 0;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 0 0 17px;
		border-right: 0;
		border-bottom: 1px solid rgba(218, 235, 224, 0.17);
	}

	.straightbet-home__guidance-slide-number strong {
		font-size: 40px;
	}

	.straightbet-home__guidance-slide-content {
		display: block;
		padding-top: 21px;
	}

	.straightbet-home__guidance-slide h3 {
		font-size: 27px;
	}

	.straightbet-home__guidance-slide p {
		margin-top: 12px !important;
		font-size: 15px;
	}

	.straightbet-home__guidance-slide-content a {
		margin-top: 21px;
	}

	.straightbet-home__guidance-slider-status {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.straightbet-home__guidance-slider-track {
		transition: none;
	}
}