/*
 * IAL Football YouTube TV Network module styles.
 * Loaded only on pages that render [ial_youtube_tv].
 */

.ial-tv-shell {
	width: 100%;
	margin: 40px auto;
	padding: 0;
	/* Anchor offset so the broadcast window clears the sticky header when scrolled to via #ial-tv-watch. */
	scroll-margin-top: 120px;
}

.ial-tv-card {
	position: relative;
	overflow: hidden;
	border-radius: 28px;
	padding: 26px;
	color: #ffffff;
	background:
		radial-gradient(circle at 12% 8%, rgba(239, 68, 68, 0.35), transparent 28%),
		radial-gradient(circle at 88% 18%, rgba(249, 115, 22, 0.25), transparent 32%),
		radial-gradient(circle at 50% 115%, rgba(59, 130, 246, 0.14), transparent 36%),
		linear-gradient(135deg, #030712 0%, #07111f 45%, #111827 100%);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
}

.ial-tv-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px),
		linear-gradient(0deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
	background-size: 46px 46px;
	opacity: 0.16;
	pointer-events: none;
}

.ial-tv-card::after {
	content: "";
	position: absolute;
	right: -180px;
	bottom: -180px;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: rgba(239, 68, 68, 0.18);
	filter: blur(24px);
	pointer-events: none;
}

.ial-tv-header,
.ial-tv-stack {
	position: relative;
	z-index: 2;
}

.ial-tv-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 22px;
	padding: 10px 10px 10px 14px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.10);
}

.ial-tv-brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

/*
 * IAL helmet/letters/flags logo replaces the original orange "IAL" gradient
 * chip. The source PNG is 1920x1080 (16:9); we constrain by height so it
 * sits cleanly next to the "NETWORK" wordmark and the LIVE/NOT LIVE pill.
 * `object-fit: contain` keeps the brand mark intact at any scale.
 *
 * The double-class selector + !important wins over WordPress's default
 * `img { height: auto !important }` reset in Gridiron's content.css which
 * otherwise lets the logo balloon to the full width of the broadcast card.
 */
.ial-tv-card img.ial-tv-brand-logo,
.ial-tv-shell img.ial-tv-brand-logo {
	display: block;
	height: 38px !important;
	width: auto !important;
	max-width: 110px !important;
	object-fit: contain;
	flex-shrink: 0;
	margin: 0;
}

.ial-tv-brand-text {
	color: rgba(255, 255, 255, 0.86);
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	white-space: nowrap;
}

.ial-tv-status-wrap {
	display: flex;
	justify-content: flex-end;
}

.ial-tv-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 42px;
	padding: 10px 17px;
	border-radius: 999px;
	color: #ffffff;
	font-size: 13px;
	font-weight: 950;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	white-space: nowrap;
}

.ial-tv-status-live {
	background: #ef4444;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.18),
		0 0 28px rgba(239, 68, 68, 0.45);
}

.ial-tv-status-not-live {
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.16);
	color: rgba(255, 255, 255, 0.92);
}

.ial-tv-live-dot {
	width: 9px;
	height: 9px;
	border-radius: 999px;
	background: #ffffff;
	animation: ialTvPulse 1.4s infinite;
}

@keyframes ialTvPulse {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.72);
	}
	70% {
		box-shadow: 0 0 0 11px rgba(255, 255, 255, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

/*
 * Vertical stack inside the card: the player sits front-and-center with
 * just the two CTAs underneath. No headline / eyebrow / description copy,
 * so the YouTube broadcast itself does the talking.
 */
.ial-tv-stack {
	display: flex;
	flex-direction: column;
	gap: 18px;
	align-items: stretch;
}

.ial-tv-admin-note {
	position: relative;
	z-index: 2;
	margin: 0 0 16px;
	padding: 10px 12px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.68);
	font-size: 13px;
	line-height: 1.45;
}

.ial-tv-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	margin-top: 4px;
}

.ial-tv-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 13px 21px;
	border-radius: 15px;
	font-size: 14px;
	font-weight: 950;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.ial-tv-btn:hover {
	transform: translateY(-1px);
}

.ial-tv-btn-primary {
	background: linear-gradient(135deg, #ef4444 0%, #f97316 100%);
	color: #ffffff !important;
	box-shadow: 0 16px 34px rgba(239, 68, 68, 0.28);
}

.ial-tv-btn-primary:hover {
	box-shadow: 0 18px 40px rgba(239, 68, 68, 0.36);
}

/*
 * Shop Merch CTA: sits between the live-red "Watch on YouTube" primary and
 * the translucent "View Schedule" secondary. Uses a metallic amber→gold
 * gradient so it stays on-brand with the broadcast palette while being
 * visually distinct from both neighbours, with a 1px gold rim that reads
 * as a "premium" retail chip rather than a live-action button.
 *
 * The double selector + !important wins over Gridiron's `.scheme_alter a`
 * cascade so the dark text never gets overridden to theme white-on-light.
 */
.ial-tv-card a.ial-tv-btn.ial-tv-btn-merch,
.ial-tv-card .ial-tv-btn.ial-tv-btn-merch {
	background: linear-gradient(135deg, #facc15 0%, #f59e0b 55%, #b45309 100%);
	color: #1a0f00 !important;
	border: 1px solid rgba(255, 224, 130, 0.55);
	box-shadow:
		0 14px 30px rgba(245, 158, 11, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.35);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.22);
}

.ial-tv-card a.ial-tv-btn.ial-tv-btn-merch:hover,
.ial-tv-card .ial-tv-btn.ial-tv-btn-merch:hover {
	color: #1a0f00 !important;
	box-shadow:
		0 18px 38px rgba(245, 158, 11, 0.36),
		inset 0 1px 0 rgba(255, 255, 255, 0.40);
}

/*
 * Shop Merch behaves as a disclosure trigger, not a navigation link. The
 * caret hints at its expandable nature and rotates 180° on open so the
 * affordance feels like a native dropdown chip.
 */
.ial-tv-card .ial-tv-merch-toggle {
	gap: 10px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	font-family: inherit;
}

.ial-tv-merch-toggle-label {
	display: inline-flex;
	align-items: center;
}

.ial-tv-merch-caret {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform 0.22s ease;
}

.ial-tv-merch-toggle[aria-expanded="true"] .ial-tv-merch-caret {
	transform: translateY(2px) rotate(-135deg);
}

/*
 * Per-team merch panel: collapsed by default via the [hidden] attribute,
 * the JS toggle removes it and adds .is-open to drive the slide-down
 * animation. The two CTAs sit side-by-side on desktop and stack on mobile.
 */
.ial-tv-merch-panel {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 12px;
	padding: 0 4px;
	opacity: 0;
	transform: translateY(-6px);
	transition: opacity 0.22s ease, transform 0.22s ease;
}

.ial-tv-merch-panel[hidden] {
	display: none;
}

.ial-tv-merch-panel.is-open {
	opacity: 1;
	transform: translateY(0);
}

.ial-tv-team-btn {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	min-height: 60px;
	padding: 12px 22px;
	border-radius: 15px;
	font-family: inherit;
	text-decoration: none !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.ial-tv-team-btn:hover {
	transform: translateY(-1px);
	filter: saturate(1.08);
}

.ial-tv-team-eyebrow {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	opacity: 0.78;
}

.ial-tv-team-name {
	font-size: 14px;
	font-weight: 950;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
}

/*
 * Arizona Juggernauts — desert-red base with a gold rim and gold lettering.
 * Reads as a Cardinals/desert-sun palette and contrasts strongly with the
 * Rockers chrome-on-black sibling for instant team recognition.
 */
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-juggernauts,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-juggernauts {
	background: linear-gradient(135deg, #7f1d1d 0%, #dc2626 55%, #991b1b 100%);
	color: #fde68a !important;
	border: 1px solid rgba(250, 204, 21, 0.65);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.38);
	box-shadow:
		0 14px 30px rgba(220, 38, 38, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.ial-tv-card a.ial-tv-team-btn.ial-tv-team-juggernauts:hover,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-juggernauts:hover {
	color: #fef3c7 !important;
	box-shadow:
		0 18px 38px rgba(220, 38, 38, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

/*
 * Las Vegas Rockers — Vegas-night black with chrome-silver border and a
 * subtle red glow that nods to neon strip lighting. Keeps the merch row
 * visually balanced against the Juggernauts red block.
 */
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-rockers,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-rockers {
	background: linear-gradient(135deg, #050505 0%, #1f1f1f 50%, #0a0a0a 100%);
	color: #f8fafc !important;
	border: 1px solid rgba(203, 213, 225, 0.55);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	box-shadow:
		0 14px 30px rgba(0, 0, 0, 0.55),
		inset 0 0 0 1px rgba(220, 38, 38, 0.18);
}

.ial-tv-card a.ial-tv-team-btn.ial-tv-team-rockers:hover,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-rockers:hover {
	color: #ffffff !important;
	box-shadow:
		0 18px 38px rgba(0, 0, 0, 0.65),
		inset 0 0 0 1px rgba(220, 38, 38, 0.32);
}

/*
 * Seven additional IAL team palettes. Each pair (base + :hover) follows
 * the same gradient + rim + glow recipe as Juggernauts / Rockers so any
 * matchup the YouTube snippet detector returns renders with consistent
 * weight against the broadcast card. Colours are picked to (a) read as
 * that city's classic sports palette and (b) stay distinct enough that a
 * pair of buttons never blends together.
 */

/* Cincinnati Slingers — Bengals-adjacent orange + black with cream rim. */
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-slingers,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-slingers {
	background: linear-gradient(135deg, #0a0a0a 0%, #c2410c 55%, #7c2d12 100%);
	color: #fff7ed !important;
	border: 1px solid rgba(254, 215, 170, 0.55);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
	box-shadow:
		0 14px 30px rgba(194, 65, 12, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.16);
}
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-slingers:hover,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-slingers:hover {
	color: #ffffff !important;
	box-shadow:
		0 18px 38px rgba(194, 65, 12, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

/* Pennsylvania Benjamins — Franklin-green with $100-bill gold lettering. */
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-benjamins,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-benjamins {
	background: linear-gradient(135deg, #052e16 0%, #166534 55%, #14532d 100%);
	color: #fde68a !important;
	border: 1px solid rgba(250, 204, 21, 0.6);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
	box-shadow:
		0 14px 30px rgba(22, 101, 52, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.14);
}
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-benjamins:hover,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-benjamins:hover {
	color: #fef3c7 !important;
	box-shadow:
		0 18px 38px rgba(22, 101, 52, 0.5),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Utah Great 8's — Jazz-style purple + Mormon copper accents. */
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-great8,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-great8 {
	background: linear-gradient(135deg, #1e1b4b 0%, #4c1d95 55%, #312e81 100%);
	color: #fde68a !important;
	border: 1px solid rgba(251, 191, 36, 0.55);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
	box-shadow:
		0 14px 30px rgba(76, 29, 149, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-great8:hover,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-great8:hover {
	color: #fef3c7 !important;
	box-shadow:
		0 18px 38px rgba(76, 29, 149, 0.52),
		inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

/* England Eruptors — volcano lava-orange over basalt black. */
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-eruptors,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-eruptors {
	background: linear-gradient(135deg, #1c1917 0%, #ea580c 50%, #7f1d1d 100%);
	color: #fff7ed !important;
	border: 1px solid rgba(253, 186, 116, 0.55);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
	box-shadow:
		0 14px 30px rgba(234, 88, 12, 0.36),
		inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-eruptors:hover,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-eruptors:hover {
	color: #ffffff !important;
	box-shadow:
		0 18px 38px rgba(234, 88, 12, 0.46),
		inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

/* Glasgow Tartans — Scottish royal-blue + tartan-green plaid feel. */
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-tartans,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-tartans {
	background: linear-gradient(135deg, #0c4a6e 0%, #1d4ed8 50%, #14532d 100%);
	color: #f0fdf4 !important;
	border: 1px solid rgba(186, 230, 253, 0.55);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
	box-shadow:
		0 14px 30px rgba(29, 78, 216, 0.36),
		inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-tartans:hover,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-tartans:hover {
	color: #ffffff !important;
	box-shadow:
		0 18px 38px rgba(29, 78, 216, 0.46),
		inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

/* Düsseldorf Warriors — armoured steel-grey with crimson edge. */
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-warriors,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-warriors {
	background: linear-gradient(135deg, #1f2937 0%, #475569 55%, #111827 100%);
	color: #f8fafc !important;
	border: 1px solid rgba(220, 38, 38, 0.55);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	box-shadow:
		0 14px 30px rgba(15, 23, 42, 0.55),
		inset 0 0 0 1px rgba(220, 38, 38, 0.2);
}
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-warriors:hover,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-warriors:hover {
	color: #ffffff !important;
	box-shadow:
		0 18px 38px rgba(15, 23, 42, 0.65),
		inset 0 0 0 1px rgba(220, 38, 38, 0.32);
}

/* Stuttgart Stallions — Mercedes silver + black + burgundy stripe. */
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-stallions,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-stallions {
	background: linear-gradient(135deg, #0a0a0a 0%, #6b7280 55%, #18181b 100%);
	color: #ffffff !important;
	border: 1px solid rgba(203, 213, 225, 0.6);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	box-shadow:
		0 14px 30px rgba(0, 0, 0, 0.5),
		inset 0 0 0 1px rgba(220, 38, 38, 0.18);
}
.ial-tv-card a.ial-tv-team-btn.ial-tv-team-stallions:hover,
.ial-tv-card .ial-tv-team-btn.ial-tv-team-stallions:hover {
	color: #ffffff !important;
	box-shadow:
		0 18px 38px rgba(0, 0, 0, 0.6),
		inset 0 0 0 1px rgba(220, 38, 38, 0.32);
}

.ial-tv-btn-secondary {
	background: rgba(255, 255, 255, 0.11);
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.18);
}

.ial-tv-btn-secondary:hover {
	background: rgba(255, 255, 255, 0.16);
}

.ial-tv-screen-wrap {
	overflow: hidden;
	border-radius: 24px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035));
	border: 1px solid rgba(255, 255, 255, 0.16);
	box-shadow: 0 22px 58px rgba(0, 0, 0, 0.46);
}

.ial-tv-screen-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 12px 14px;
	background: rgba(0, 0, 0, 0.42);
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.ial-tv-screen-chip {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(239, 68, 68, 0.18);
	color: #ffffff;
	font-size: 11px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.ial-tv-screen-signal {
	color: rgba(255, 255, 255, 0.62);
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.ial-tv-video {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000000;
}

.ial-tv-video iframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}

.ial-tv-offline-panel {
	display: grid;
	place-items: center;
	min-height: 320px;
	padding: 28px;
	text-align: center;
	background: #05070d;
	color: rgba(255, 255, 255, 0.74);
}

.ial-tv-offline-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 86px;
	height: 70px;
	margin-bottom: 12px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.10);
	color: #ffffff;
	font-size: 24px;
	font-weight: 950;
}

@media (max-width: 860px) {
	/* Pull the player tight to the header to reinforce the "video-first" feel. */
	.ial-tv-header {
		margin-bottom: 14px;
	}

	/*
	 * The pre-roll metadata strip eats vertical space before the player; on
	 * phones we want the video itself to take focus. The lower-third already
	 * echoes the status, so the topbar is redundant for mobile.
	 */
	.ial-tv-screen-topbar {
		display: none;
	}

	/*
	 * Full-width player on mobile: stretch the screen-wrap out to the card's
	 * edges by negating the card's horizontal padding (26px default, 18px at
	 * the 760px breakpoint). The card has `overflow: hidden` and its own
	 * border-radius, so the player sits flush with the card's rounded corners
	 * for an edge-to-edge broadcast feel.
	 */
	.ial-tv-stack {
		gap: 16px;
	}

	.ial-tv-screen-wrap {
		margin-left: -26px;
		margin-right: -26px;
		border-left: 0;
		border-right: 0;
		border-radius: 0;
	}

	.ial-tv-actions {
		margin-top: 0;
		padding: 0 4px;
	}
}

@media (max-width: 760px) {
	.ial-tv-card {
		border-radius: 22px;
		padding: 18px;
	}

	.ial-tv-header {
		flex-direction: column;
		align-items: center;
		gap: 12px;
		text-align: center;
	}

	/*
	 * Mobile-only: centre the IAL logo + "NETWORK" wordmark as a unit so the
	 * brand reads like a sports-network bug, then drop the LIVE/NOT LIVE
	 * status pill underneath also centred. Matches the user request to
	 * "make sure LOGO and NETWORK is CENTERED" on phones.
	 */
	.ial-tv-brand {
		justify-content: center;
		width: 100%;
	}

	.ial-tv-brand-text {
		white-space: nowrap;
	}

	.ial-tv-status-wrap {
		justify-content: center;
		width: 100%;
	}

	.ial-tv-status {
		width: auto;
		min-width: 160px;
	}

	/* Match the mobile card padding (18px) so the player still goes edge-to-edge. */
	.ial-tv-screen-wrap {
		margin-left: -18px;
		margin-right: -18px;
	}

	.ial-tv-actions {
		flex-direction: column;
		padding: 0;
	}

	.ial-tv-btn {
		width: 100%;
	}

	/*
	 * On phones the actions column is full-width, so the team CTAs must
	 * stack the same way to stay aligned underneath the Shop Merch toggle.
	 */
	.ial-tv-merch-panel {
		flex-direction: column;
		padding: 0;
	}

	.ial-tv-team-btn {
		width: 100%;
	}
}