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

:root {
	--wpbbs-primary: #0B3D91;
	--wpbbs-primary-dark: #071B3A;
	--wpbbs-secondary: #F97316;
	--wpbbs-secondary-dark: #C2410C;
	--wpbbs-accent: #16A34A;
	--wpbbs-bg: #F7F9FC;
	--wpbbs-surface: #ffffff;
	--wpbbs-text: #102033;
	--wpbbs-muted: #536174;
	--wpbbs-border: #dbe4f0;
}

.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, #071B3A);
}

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

.wpbbs-intro {
	background:
		linear-gradient(90deg, rgba(11, 61, 145, 0.06), rgba(22, 163, 74, 0.05)),
		var(--wpbbs-bg);
}

.wpbbs-games {
	background: #F7F9FC;
}

.wpbbs-trust-notes,
.wpbbs-quick-grid,
.wpbbs-two-guide__grid,
.wpbbs-safety-tips__grid {
	display: grid;
	gap: 16px;
}

.wpbbs-trust-notes {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.wpbbs-trust-notes li,
.wpbbs-quick-card,
.wpbbs-two-guide article,
.wpbbs-featured-table,
.wpbbs-safety-tips,
.wpbbs-full-guide .wpbbs-entry-content {
	border: 1px solid rgba(219, 228, 240, 0.9);
	background: #fff;
}

.wpbbs-trust-notes li {
	border-radius: 12px;
	padding: 12px 14px;
	font-weight: 700;
	color: var(--wpbbs-primary-dark);
}

.wpbbs-quick-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wpbbs-quick-card {
	border-radius: 18px;
	padding: 20px;
	color: var(--wpbbs-text);
	text-decoration: none;
	transition: border-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
}

.wpbbs-quick-card:hover,
.wpbbs-quick-card:focus {
	border-color: var(--wpbbs-secondary);
	box-shadow: 0 18px 48px rgba(11, 61, 145, 0.12);
	color: var(--wpbbs-primary);
}

.wpbbs-quick-card strong,
.wpbbs-quick-card span {
	display: block;
}

.wpbbs-quick-card strong {
	margin-bottom: 8px;
	font-size: 1.05rem;
}

.wpbbs-quick-card span {
	color: var(--wpbbs-muted);
	line-height: 1.6;
}

.wpbbs-highlight-grid--six {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wpbbs-two-guide__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wpbbs-two-guide article {
	border-radius: 22px;
	padding: 30px;
}

.wpbbs-featured-table {
	border-radius: 20px;
	overflow: hidden;
}

.wpbbs-featured-table__head,
.wpbbs-featured-table__row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 0;
}

.wpbbs-featured-table__head {
	background: var(--wpbbs-primary-dark);
	color: #fff;
}

.wpbbs-featured-table__head strong,
.wpbbs-featured-table__row strong,
.wpbbs-featured-table__row span {
	padding: 16px 18px;
	border-bottom: 1px solid var(--wpbbs-border);
}

.wpbbs-featured-table__row strong {
	color: var(--wpbbs-primary-dark);
}

.wpbbs-safety-tips {
	background: linear-gradient(135deg, #fff, #F7F9FC);
}

.wpbbs-safety-tips__grid {
	grid-template-columns: 0.9fr 1.1fr;
	align-items: start;
}

.wpbbs-full-guide {
	background: #F7F9FC;
}

.wpbbs-full-guide .wpbbs-entry-content {
	border-radius: 22px;
	padding: 36px;
	box-shadow: 0 24px 70px rgba(7, 27, 58, 0.08);
}

.wpbbs-full-guide h3 {
	margin-top: 30px;
	color: var(--wpbbs-primary-dark);
}

.wpbbs-full-guide h3:first-child {
	margin-top: 0;
}

.wpbbs-snapshot {
	background: #fff;
}

.wpbbs-snapshot-table {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.wpbbs-snapshot-table div {
	display: grid;
	grid-template-columns: minmax(130px, 0.7fr) minmax(0, 1.3fr);
	gap: 14px;
	align-items: center;
	padding: 18px 20px;
	border: 1px solid rgba(11, 61, 145, 0.12);
	border-radius: 22px;
	background: linear-gradient(135deg, #fff, #f8fbff);
	box-shadow: 0 16px 42px rgba(7, 27, 58, 0.06);
}

.wpbbs-snapshot-table strong {
	color: var(--wpbbs-primary-dark);
}

.wpbbs-snapshot-table span {
	color: var(--wpbbs-muted);
	line-height: 1.55;
}

.wpbbs-game-card__meta {
	display: block;
	margin-top: 12px;
	color: var(--wpbbs-muted);
	font-size: 0.94rem;
	line-height: 1.55;
}

.wpbbs-game-card__meta strong {
	display: block;
	color: var(--wpbbs-primary-dark);
	font-size: 0.82rem;
	text-transform: uppercase;
	letter-spacing: 0;
}

.wpbbs-app .wpbbs-step-stack ul {
	margin: 10px 0 0;
	padding-left: 1.1rem;
	color: var(--wpbbs-muted);
	line-height: 1.55;
}

.wpbbs-payment-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.wpbbs-payment-cards .wpbbs-payment-row {
	display: block;
	padding: 20px;
	border: 1px solid rgba(11, 61, 145, 0.12);
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 18px 44px rgba(7, 27, 58, 0.07);
}

.wpbbs-rich-sections {
	background: linear-gradient(180deg, #fff, #f7f9fc);
}

.wpbbs-rich-sections__grid {
	display: grid;
	gap: 22px;
}

.wpbbs-rich-sections__head {
	max-width: 860px;
}

.wpbbs-rich-section {
	padding: 26px;
	border: 1px solid rgba(11, 61, 145, 0.12);
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 16px 42px rgba(7, 27, 58, 0.06);
}

.wpbbs-rich-section h2 {
	margin-bottom: 12px;
	color: var(--wpbbs-primary-dark);
	font-size: clamp(1.35rem, 2.4vw, 1.9rem);
}

.wpbbs-rich-section p {
	max-width: 900px;
	color: var(--wpbbs-muted);
	line-height: 1.75;
}

.wpbbs-info-table {
	margin-top: 18px;
	border: 1px solid var(--wpbbs-border);
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
}

.wpbbs-info-table__row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wpbbs-info-table__row--head {
	background: var(--wpbbs-primary-dark);
	color: #fff;
}

.wpbbs-info-table__row > * {
	padding: 14px 16px;
	border-bottom: 1px solid var(--wpbbs-border);
	line-height: 1.5;
}

.wpbbs-info-table__row:last-child > * {
	border-bottom: 0;
}

.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, #0B3D91, 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, #071B3A, #0B3D91);
}

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

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

@media (max-width: 900px) {
	.wpbbs-trust-notes,
	.wpbbs-quick-grid,
	.wpbbs-highlight-grid--six,
	.wpbbs-two-guide__grid,
	.wpbbs-safety-tips__grid {
		grid-template-columns: 1fr;
	}

	.wpbbs-featured-table__head {
		display: none;
	}

	.wpbbs-featured-table__row {
		grid-template-columns: 1fr;
		padding: 14px 0;
	}

	.wpbbs-featured-table__row strong,
	.wpbbs-featured-table__row span {
		border-bottom: 0;
		padding: 8px 16px;
	}

	.wpbbs-full-guide .wpbbs-entry-content {
		padding: 24px;
	}
}