/* Ricky Casino_OFF_MULTI_8 - extended colour systems and content polish */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap');

:root {
	--rc-font: 'Manrope', 'Segoe UI', sans-serif;
	--rc-display: 'Space Grotesk', 'Segoe UI', sans-serif;
	--rc-bg: #08111f;
	--rc-bg-2: #0f2036;
	--rc-bg-3: #050c16;
	--rc-surface: rgba(10, 24, 44, 0.76);
	--rc-surface-2: rgba(15, 32, 54, 0.92);
	--rc-header: rgba(7, 18, 34, 0.82);
	--rc-footer: #08111f;
	--rc-text: #f5fbff;
	--rc-text-dim: #a9bfd4;
	--rc-muted: #6f8598;
	--rc-border: rgba(255, 255, 255, 0.1);
	--rc-accent: #53e6c0;
	--rc-accent-2: #79f2d4;
	--rc-accent-3: #b0fff0;
	--rc-gradient: linear-gradient(135deg, #53e6c0 0%, #79f2d4 48%, #b0fff0 100%);
	--rc-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
	--rc-card-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
	--rc-ring: 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
	--rc-body-overlay-1: radial-gradient(1100px 600px at 12% -10%, rgba(69, 162, 255, 0.22) 0%, transparent 60%);
	--rc-body-overlay-2: radial-gradient(880px 500px at 90% 0%, rgba(83, 230, 192, 0.18) 0%, transparent 58%);
	--rc-body-overlay-3: linear-gradient(180deg, #08111f 0%, #040911 100%);
	--rc-hero-overlay: linear-gradient(180deg, rgba(8, 17, 31, 0.1) 0%, rgba(8, 17, 31, 0.84) 100%);
}

body {
	font-family: var(--rc-font);
	background-image: var(--rc-body-overlay-1), var(--rc-body-overlay-2), var(--rc-body-overlay-3);
}

.rc-page-title,
.rc-hero__main,
.rc-hero__sub,
.rc-content h1,
.rc-content h2,
.rc-content h3,
.rc-content h4,
.rc-shortcode-slot__title {
	font-family: var(--rc-display);
}

.rc-header,
.rc-mobile,
.rc-cookie__inner,
.rc-foot-grid,
.rc-shortcode-slot,
.rc-content table,
.rc-content details,
.rc-providers__wrap,
.rc-cats__row,
.rc-article,
.rc-foot-nav {
	box-shadow: var(--rc-shadow);
}

.rc-content,
.rc-article,
.rc-content table,
.rc-content details,
.rc-shortcode-slot__output,
.rc-shortcode-slot__empty {
	color: var(--rc-text);
}

.rc-content .rc-article,
.rc-content > .rc-article {
	background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
	border: 1px solid var(--rc-border);
	border-radius: 24px;
	padding: 28px;
	box-shadow: var(--rc-card-shadow);
	backdrop-filter: blur(8px);
}

.rc-page-title {
	color: var(--rc-text);
	margin-bottom: 20px;
}

.rc-content p,
.rc-content li,
.rc-content blockquote,
.rc-content td,
.rc-content th,
.rc-content summary {
	font-size: 16.5px;
	line-height: 1.9;
}

.rc-content strong,
.rc-content b {
	color: var(--rc-accent-3);
}

.rc-content ul,
.rc-content ol {
	margin: 0 0 1.6em;
	padding-left: 1.4em;
}

.rc-content li {
	padding-left: 0.2em;
	margin-bottom: 0.55em;
}

.rc-content ul li::marker,
.rc-content ol li::marker {
	color: var(--rc-accent);
	font-weight: 800;
}

.rc-content hr {
	border: 0;
	height: 1px;
	margin: 2.4rem 0;
	background: linear-gradient(90deg, transparent 0%, var(--rc-accent) 22%, rgba(255,255,255,0.42) 50%, var(--rc-accent) 78%, transparent 100%);
	opacity: 0.88;
}

.rc-content table {
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
	border-radius: 20px;
	background: var(--rc-surface-2);
	border: 1px solid var(--rc-border);
	margin: 1.8rem 0 2rem;
}

.rc-content thead th {
	background: var(--rc-gradient);
	color: #09111d;
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.rc-content th,
.rc-content td {
	padding: 16px 18px;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	text-align: left;
}

.rc-content tbody tr:nth-child(even) {
	background: rgba(255,255,255,0.03);
}

.rc-content tbody tr:hover {
	background: rgba(255,255,255,0.06);
}

.rc-content blockquote {
	margin: 2rem 0;
	padding: 1.2rem 1.4rem 1.2rem 1.6rem;
	border-left: 4px solid var(--rc-accent);
	background: rgba(255,255,255,0.03);
	border-radius: 0 18px 18px 0;
	color: var(--rc-text-dim);
}

.rc-content details {
	margin: 1rem 0;
	padding: 0;
	background: var(--rc-surface);
	border: 1px solid var(--rc-border);
	border-radius: 18px;
	overflow: hidden;
}

.rc-content summary {
	list-style: none;
	cursor: pointer;
	padding: 18px 22px;
	font-weight: 800;
	color: var(--rc-text);
	position: relative;
}

.rc-content summary::-webkit-details-marker {
	display: none;
}

.rc-content summary::after {
	content: '+';
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	line-height: 1;
	color: var(--rc-accent);
}

.rc-content details[open] summary::after {
	content: '-';
}

.rc-content details > *:not(summary) {
	padding-left: 22px;
	padding-right: 22px;
}

.rc-content details > p:last-child,
.rc-content details > div:last-child,
.rc-content details > ul:last-child,
.rc-content details > ol:last-child {
	padding-bottom: 20px;
}

.rc-shortcode-slot__output,
.rc-shortcode-slot__empty {
	max-width: 1200px;
	margin: 18px auto 8px;
	padding: 26px;
	border-radius: 26px;
	border: 1px solid var(--rc-border);
	background: linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
	backdrop-filter: blur(10px);
}

.rc-shortcode-slot__empty {
	text-align: center;
}

.rc-shortcode-slot__eyebrow {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--rc-accent-2);
	margin-bottom: 10px;
}

.rc-shortcode-slot__title {
	margin: 0 0 10px;
	font-size: clamp(26px, 4vw, 40px);
	line-height: 1.1;
}

.rc-shortcode-slot__text {
	margin: 0 auto;
	max-width: 760px;
	color: var(--rc-text-dim);
}

.rc-shortcode-slot__placeholder {
	display: inline-flex;
	margin-top: 18px;
	padding: 12px 18px;
	border-radius: 999px;
	border: 1px dashed var(--rc-accent);
	color: var(--rc-accent-3);
	font-weight: 700;
	letter-spacing: 0.06em;
}

body.rc-scheme-sunset_coral {
	--rc-bg: #1f0d16;
	--rc-bg-2: #321320;
	--rc-bg-3: #12070d;
	--rc-surface: rgba(53, 18, 31, 0.78);
	--rc-surface-2: rgba(61, 23, 38, 0.92);
	--rc-header: rgba(34, 10, 21, 0.84);
	--rc-footer: #17070e;
	--rc-text: #fff8f4;
	--rc-text-dim: #f0cfc3;
	--rc-muted: #c89180;
	--rc-border: rgba(255, 218, 203, 0.14);
	--rc-accent: #ff8f70;
	--rc-accent-2: #ffb090;
	--rc-accent-3: #ffd8c2;
	--rc-gradient: linear-gradient(135deg, #ff6b6b 0%, #ff9f68 48%, #ffd166 100%);
	--rc-body-overlay-1: radial-gradient(1050px 560px at 10% -10%, rgba(255, 108, 93, 0.28) 0%, transparent 60%);
	--rc-body-overlay-2: radial-gradient(900px 520px at 92% 8%, rgba(255, 194, 102, 0.18) 0%, transparent 58%);
	--rc-body-overlay-3: linear-gradient(180deg, #260f1a 0%, #12070d 100%);
}

body.rc-scheme-outback_emerald {
	--rc-bg: #09150f;
	--rc-bg-2: #11271b;
	--rc-bg-3: #050c08;
	--rc-surface: rgba(14, 34, 24, 0.8);
	--rc-surface-2: rgba(18, 45, 31, 0.94);
	--rc-header: rgba(10, 26, 18, 0.82);
	--rc-footer: #07100b;
	--rc-text: #f7fff7;
	--rc-text-dim: #c7ddcf;
	--rc-muted: #91b39b;
	--rc-border: rgba(191, 238, 198, 0.12);
	--rc-accent: #64f58d;
	--rc-accent-2: #95ffb2;
	--rc-accent-3: #d1ffe0;
	--rc-gradient: linear-gradient(135deg, #2dd36f 0%, #7cf29a 48%, #d6ff72 100%);
	--rc-body-overlay-1: radial-gradient(1100px 600px at 12% -5%, rgba(93, 255, 141, 0.2) 0%, transparent 60%);
	--rc-body-overlay-2: radial-gradient(900px 540px at 90% 0%, rgba(208, 255, 120, 0.16) 0%, transparent 58%);
	--rc-body-overlay-3: linear-gradient(180deg, #0a1711 0%, #040905 100%);
}

body.rc-scheme-gold_digger {
	--rc-bg: #161109;
	--rc-bg-2: #2a210d;
	--rc-bg-3: #090703;
	--rc-surface: rgba(38, 28, 11, 0.78);
	--rc-surface-2: rgba(48, 37, 14, 0.93);
	--rc-header: rgba(25, 18, 8, 0.84);
	--rc-footer: #0d0904;
	--rc-text: #fffaf0;
	--rc-text-dim: #ead8b0;
	--rc-muted: #c0a76e;
	--rc-border: rgba(255, 219, 126, 0.16);
	--rc-accent: #f2c14e;
	--rc-accent-2: #ffd978;
	--rc-accent-3: #fff0b8;
	--rc-gradient: linear-gradient(135deg, #bf8b30 0%, #f2c14e 44%, #ffef99 100%);
	--rc-body-overlay-1: radial-gradient(980px 540px at 14% -6%, rgba(242, 193, 78, 0.22) 0%, transparent 60%);
	--rc-body-overlay-2: radial-gradient(880px 500px at 88% 2%, rgba(255, 239, 153, 0.14) 0%, transparent 58%);
	--rc-body-overlay-3: linear-gradient(180deg, #171108 0%, #080603 100%);
}

body.rc-scheme-cyber_neon {
	--rc-bg: #090814;
	--rc-bg-2: #121127;
	--rc-bg-3: #04030a;
	--rc-surface: rgba(16, 16, 36, 0.8);
	--rc-surface-2: rgba(20, 20, 48, 0.94);
	--rc-header: rgba(11, 10, 28, 0.84);
	--rc-footer: #07060f;
	--rc-text: #f7f5ff;
	--rc-text-dim: #d0c8f7;
	--rc-muted: #9c92d1;
	--rc-border: rgba(145, 209, 255, 0.16);
	--rc-accent: #00e5ff;
	--rc-accent-2: #8c52ff;
	--rc-accent-3: #f7a8ff;
	--rc-gradient: linear-gradient(135deg, #00e5ff 0%, #8c52ff 48%, #f857a6 100%);
	--rc-body-overlay-1: radial-gradient(960px 560px at 8% -4%, rgba(0, 229, 255, 0.2) 0%, transparent 60%);
	--rc-body-overlay-2: radial-gradient(900px 540px at 92% 0%, rgba(248, 87, 166, 0.18) 0%, transparent 58%);
	--rc-body-overlay-3: linear-gradient(180deg, #0a0917 0%, #04030a 100%);
}

body.rc-scheme-ink_rose {
	--rc-bg: #140d13;
	--rc-bg-2: #251723;
	--rc-bg-3: #0a0609;
	--rc-surface: rgba(35, 20, 32, 0.82);
	--rc-surface-2: rgba(45, 26, 41, 0.94);
	--rc-header: rgba(22, 12, 21, 0.84);
	--rc-footer: #0d070c;
	--rc-text: #fff7fb;
	--rc-text-dim: #e6cad9;
	--rc-muted: #b68ca2;
	--rc-border: rgba(255, 205, 227, 0.13);
	--rc-accent: #ff7eb6;
	--rc-accent-2: #ffb3d1;
	--rc-accent-3: #ffdced;
	--rc-gradient: linear-gradient(135deg, #7f5af0 0%, #ff7eb6 52%, #fff0f6 100%);
	--rc-body-overlay-1: radial-gradient(1000px 560px at 14% -8%, rgba(255, 126, 182, 0.22) 0%, transparent 60%);
	--rc-body-overlay-2: radial-gradient(840px 500px at 90% 0%, rgba(127, 90, 240, 0.18) 0%, transparent 58%);
	--rc-body-overlay-3: linear-gradient(180deg, #1a1017 0%, #09060a 100%);
}

body.rc-scheme-arctic_kelp {
	--rc-bg: #071418;
	--rc-bg-2: #0d252a;
	--rc-bg-3: #03090b;
	--rc-surface: rgba(11, 33, 38, 0.8);
	--rc-surface-2: rgba(15, 43, 49, 0.95);
	--rc-header: rgba(8, 24, 28, 0.84);
	--rc-footer: #060f11;
	--rc-text: #f2feff;
	--rc-text-dim: #bedbdf;
	--rc-muted: #88aeb4;
	--rc-border: rgba(175, 240, 244, 0.13);
	--rc-accent: #5be7c4;
	--rc-accent-2: #7de2fc;
	--rc-accent-3: #d3fbff;
	--rc-gradient: linear-gradient(135deg, #7de2fc 0%, #5be7c4 50%, #ecfeff 100%);
	--rc-body-overlay-1: radial-gradient(1040px 580px at 12% -6%, rgba(125, 226, 252, 0.2) 0%, transparent 60%);
	--rc-body-overlay-2: radial-gradient(860px 520px at 88% 2%, rgba(91, 231, 196, 0.18) 0%, transparent 58%);
	--rc-body-overlay-3: linear-gradient(180deg, #081518 0%, #03090b 100%);
}

body.rc-scheme-bushfire_amber {
	--rc-bg: #190d08;
	--rc-bg-2: #2b170f;
	--rc-bg-3: #090402;
	--rc-surface: rgba(45, 20, 11, 0.82);
	--rc-surface-2: rgba(58, 26, 14, 0.94);
	--rc-header: rgba(28, 12, 8, 0.84);
	--rc-footer: #110704;
	--rc-text: #fff8f2;
	--rc-text-dim: #efcfb9;
	--rc-muted: #c59070;
	--rc-border: rgba(255, 208, 170, 0.14);
	--rc-accent: #ff7a18;
	--rc-accent-2: #ffb347;
	--rc-accent-3: #ffe2b8;
	--rc-gradient: linear-gradient(135deg, #ff512f 0%, #ff7a18 44%, #ffd166 100%);
	--rc-body-overlay-1: radial-gradient(1030px 580px at 10% -10%, rgba(255, 122, 24, 0.24) 0%, transparent 60%);
	--rc-body-overlay-2: radial-gradient(840px 500px at 90% 2%, rgba(255, 209, 102, 0.16) 0%, transparent 58%);
	--rc-body-overlay-3: linear-gradient(180deg, #1b0d08 0%, #090402 100%);
}

.rc-btn--cta {
	background: var(--rc-gradient);
	color: #08111f;
	box-shadow: 0 10px 28px color-mix(in srgb, var(--rc-accent) 42%, transparent);
}

.rc-btn--ghost,
.rc-menu li > a:hover,
.rc-menu li.current-menu-item > a,
.rc-providers__arrow,
.rc-burger,
.rc-mobile,
.rc-cookie__inner {
	background: rgba(255,255,255,0.05);
	border-color: var(--rc-border);
}

.rc-hero::after {
	background: radial-gradient(ellipse at center, rgba(6, 14, 28, 0) 0%, rgba(6, 14, 28, 0.7) 88%), var(--rc-hero-overlay);
}

.rc-cat,
.rc-menu li > a,
.rc-mobile__menu li a,
.rc-lang,
.rc-providers__arrow,
.rc-content h2,
.rc-content h3,
.rc-content h4,
.rc-foot-menu a,
.rc-foot-bottom,
.rc-cookie__text {
	color: var(--rc-text);
}

.rc-content h2 {
	border-left-color: var(--rc-accent);
}

.rc-content h3,
.rc-content a,
.rc-cat:hover,
.rc-mobile__menu li a:hover,
.rc-providers__arrow:hover,
.rc-foot-menu a:hover {
	color: var(--rc-accent-2);
}

.rc-content a:hover,
.rc-cat:hover .rc-cat__icon,
.rc-hero__slot,
.rc-shortcode-slot__eyebrow {
	color: var(--rc-accent-3);
}

@media (max-width: 991px) {
	.rc-content .rc-article,
	.rc-content > .rc-article,
	.rc-shortcode-slot__output,
	.rc-shortcode-slot__empty {
		padding: 22px;
		border-radius: 20px;
	}

	.rc-content table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}

@media (max-width: 640px) {
	.rc-content p,
	.rc-content li,
	.rc-content blockquote,
	.rc-content td,
	.rc-content th,
	.rc-content summary {
		font-size: 15.5px;
		line-height: 1.8;
	}

	.rc-content h2 {
		font-size: 24px;
	}

	.rc-content h3 {
		font-size: 19px;
	}

	.rc-shortcode-slot__title {
		font-size: 28px;
	}
}