/*
Brand Skin for Rajbet Cricket
This file controls the visual color identity for the rajbetcricket India market brand website.
Prefer changing CSS variables here instead of rewriting core layout CSS.
*/

.wpbbs-highlight-card--blue {
	background: #fff;
}

.wpbbs-highlight-card--red {
	background: #fff;
}

.wpbbs-highlight-card--blue .wpbbs-highlight-card__media .wpbbs-media-fallback {
	background: linear-gradient(135deg, #123c7c, #071225);
}

.wpbbs-highlight-card--red .wpbbs-highlight-card__media .wpbbs-media-fallback {
	background: linear-gradient(135deg, #e11d48, #123c7c);
}

.wpbbs-intro {
	background:
		linear-gradient(90deg, rgba(18, 60, 124, 0.07), rgba(225, 29, 72, 0.05)),
		var(--wpbbs-bg);
}

.wpbbs-games {
	background: #f8fafc;
}

.wpbbs-footer__col li::marker {
	color: #fff;
}

.wpbbs-game-card:nth-child(2n)::before {
	background: linear-gradient(90deg, var(--wpbbs-secondary), var(--wpbbs-accent));
}

.wpbbs-game-card:nth-child(3n)::before {
	background: linear-gradient(90deg, #2563eb, var(--wpbbs-primary));
}

.wpbbs-subpage--app .wpbbs-page-hero,
.wpbbs-subpage--login .wpbbs-page-hero,
.wpbbs-subpage--register .wpbbs-page-hero {
	background: linear-gradient(135deg, var(--wpbbs-primary-dark), var(--wpbbs-primary));
	color: #eaf2ff;
}

.wpbbs-subpage--app .wpbbs-page-hero h1,
.wpbbs-subpage--login .wpbbs-page-hero h1,
.wpbbs-subpage--register .wpbbs-page-hero h1,
.wpbbs-subpage--app .wpbbs-page-hero .wpbbs-breadcrumb,
.wpbbs-subpage--login .wpbbs-page-hero .wpbbs-breadcrumb,
.wpbbs-subpage--register .wpbbs-page-hero .wpbbs-breadcrumb {
	color: #fff;
}

.wpbbs-subpage--bonus .wpbbs-page-hero {
	background: linear-gradient(135deg, #fff7ed, #fff);
}

.wpbbs-subpage--payment .wpbbs-page-hero {
	background: linear-gradient(135deg, #eff6ff, #fff);
}

.wpbbs-subpage--responsible-gaming .wpbbs-page-hero {
	background: linear-gradient(135deg, #eef4ff, #fff4f5);
}

.wpbbs-subpage--games .wpbbs-info-card:nth-child(odd),
.wpbbs-subpage--payment .wpbbs-info-card:nth-child(even) {
	background: #f8fbff;
}

.wpbbs-subpage--bonus .wpbbs-info-card:nth-child(2) {
	border-color: rgba(225, 29, 46, 0.28);
	background: #fff6f7;
}

.wpbbs-archive .wpbbs-post-card:nth-child(3n + 1) .wpbbs-post-card__media .wpbbs-media-fallback {
	background: linear-gradient(135deg, #123c7c, #2563eb);
}

.wpbbs-archive .wpbbs-post-card:nth-child(3n + 2) .wpbbs-post-card__media .wpbbs-media-fallback {
	background: linear-gradient(135deg, #e11d48, #123c7c);
}

.wpbbs-archive .wpbbs-post-card:nth-child(3n + 3) .wpbbs-post-card__media .wpbbs-media-fallback {
	background: linear-gradient(135deg, #071225, #f5b301);
}

.wpbbs-highlight-card a {
	color: inherit;
}

.wpbbs-highlight-card__link {
	display: grid;
	grid-template-columns: inherit;
	gap: inherit;
	align-items: center;
	width: 100%;
}

.wpbbs-full-guide {
	background:
		linear-gradient(180deg, rgba(18, 60, 124, 0.05), rgba(245, 179, 1, 0.05)),
		#fff;
}

.wpbbs-full-guide__article {
	display: grid;
	gap: 1.25rem;
	max-width: 920px;
	margin-inline: auto;
}

.wpbbs-full-guide__block {
	padding-bottom: 1.15rem;
	border-bottom: 1px solid var(--wpbbs-border);
}

.wpbbs-full-guide__block h3 {
	margin-bottom: 0.45rem;
	color: var(--wpbbs-primary);
}