/*
Brand Skin for Pocket52
This file controls the visual color identity for the pocket52 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, #071a33);
}

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

.wpbbs-intro {
	background:
		linear-gradient(90deg, rgba(18, 60, 124, 0.06), rgba(229, 57, 53, 0.05)),
		var(--wpbbs-bg);
}

.wpbbs-games {
	background: #f7faff;
}

.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, #1b66c9, 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, #fff4f3, #fff);
}

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

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

.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(229, 57, 53, 0.28);
	background: #fff6f7;
}

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

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

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