/*
Brand Skin for pkluck
This file controls the visual color identity for the pkluck Bengali brand website.
Prefer changing CSS variables here instead of rewriting core layout CSS.
*/

:root {
	--wpbbs-primary: #0b3d91;
	--wpbbs-primary-dark: #061a40;
	--wpbbs-secondary: #d71920;
	--wpbbs-secondary-dark: #a90f17;
	--wpbbs-accent: #f5b51b;
	--wpbbs-bg: #f5f8ff;
	--wpbbs-surface: #ffffff;
	--wpbbs-text: #102033;
	--wpbbs-muted: #5d6c82;
	--wpbbs-border: #d8e2f0;
	--wpbbs-footer: #061a40;
	--wpbbs-footer-soft: #0b2a66;
}

.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, #0b3d91, #061a40);
}

.wpbbs-highlight-card--red .wpbbs-highlight-card__media .wpbbs-media-fallback {
	background: linear-gradient(135deg, #d71920, #0b3d91);
}

.wpbbs-intro {
	background:
		linear-gradient(90deg, rgba(11, 61, 145, 0.06), rgba(215, 25, 32, 0.045)),
		var(--wpbbs-bg);
}

.wpbbs-games {
	background: #f4f8ff;
}

.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, #0e5ab8, 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, #fff5f2, #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, #fff7e6);
}

.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(215, 25, 32, 0.28);
	background: #fff7f5;
}

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

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

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