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

:root {
	--wpbbs-primary: #0b3b8c;
	--wpbbs-primary-dark: #071a33;
	--wpbbs-secondary: #e53935;
	--wpbbs-secondary-dark: #b91c1c;
	--wpbbs-accent: #f6b21a;
	--wpbbs-bg: #f7f9fc;
	--wpbbs-surface: #ffffff;
	--wpbbs-text: #102033;
	--wpbbs-muted: #5d6b7c;
	--wpbbs-border: #dce4f0;
	--wpbbs-footer: #071a33;
	--wpbbs-footer-soft: #0b3b8c;
	--wpbbs-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--wpbbs-shadow: 0 18px 42px rgba(7, 26, 51, 0.16);
	--wpbbs-shadow-soft: 0 12px 26px rgba(7, 26, 51, 0.1);
	--wpbbs-shadow-card: 0 20px 50px rgba(7, 26, 51, 0.12);
}

.wpbbs-topbar {
	background: #071a33;
	color: #eef4ff;
}

.wpbbs-header-action,
.wpbbs-btn--primary {
	background: var(--wpbbs-secondary);
	color: #fff;
	box-shadow: 0 14px 28px rgba(229, 57, 53, 0.25);
}

.wpbbs-header-action:hover,
.wpbbs-header-action:focus-visible,
.wpbbs-btn--primary:hover,
.wpbbs-btn--primary:focus-visible {
	background: var(--wpbbs-secondary-dark);
	color: #fff;
}

.wpbbs-btn--secondary {
	background: rgba(246, 178, 26, 0.16);
	border-color: rgba(246, 178, 26, 0.55);
	color: #fff;
}

.wpbbs-hero {
	background:
		radial-gradient(circle at 16% 18%, rgba(246, 178, 26, 0.18), transparent 15rem),
		radial-gradient(circle at 86% 22%, rgba(229, 57, 53, 0.34), transparent 22rem),
		linear-gradient(135deg, #071a33 0%, #0b3b8c 58%, #102f6f 100%);
}

.wpbbs-hero-stat span,
.wpbbs-age-note span,
.wpbbs-count,
.wpbbs-step-timeline__item > span,
.wpbbs-process-list > li > span {
	background: var(--wpbbs-accent);
	color: #071a33;
}

.wpbbs-highlight-card,
.wpbbs-info-card,
.wpbbs-game-card,
.wpbbs-post-card,
.wpbbs-review-card {
	border-color: rgba(11, 59, 140, 0.14);
}

.wpbbs-footer {
	background: linear-gradient(180deg, #071a33 0%, #0a2448 100%);
}

.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, #0b55c7, #08247e);
}

.wpbbs-highlight-card--red .wpbbs-highlight-card__media .wpbbs-media-fallback {
	background: linear-gradient(135deg, #e11d2e, #07349a);
}

.wpbbs-intro {
	background:
		linear-gradient(90deg, rgba(7, 52, 154, 0.05), rgba(225, 29, 46, 0.04)),
		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, #0b7bd3, 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, #fff4f5, #fff);
}

.wpbbs-subpage--payment .wpbbs-page-hero {
	background: linear-gradient(135deg, #eefbf6, #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, #07349a, #0b7bd3);
}

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

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