/*
Brand Skin for Tiranga Lottery
This file controls the visual color identity for the tirangalottery 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, #0F766E, #0F172A);
}

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

.wpbbs-intro {
	background:
		linear-gradient(90deg, rgba(15, 118, 110, 0.08), rgba(249, 115, 22, 0.07)),
		var(--wpbbs-bg);
}

.wpbbs-games {
	background: #F1F8F6;
}

.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, #0F766E, 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, #0F766E);
}

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

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


.wpbbs-hero {
	background: radial-gradient(circle at 18% 20%, rgba(250, 204, 21, 0.18), transparent 34%), linear-gradient(135deg, #0f172a 0%, #0f766e 58%, #134e4a 100%);
}

.wpbbs-hero h1,
.wpbbs-hero p,
.wpbbs-hero .wpbbs-eyebrow {
	color: #fff;
}

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

.wpbbs-feature-panel {
	background: #ffffff;
}

.wpbbs-feature-grid .wpbbs-game-card {
	border-color: rgba(15, 118, 110, 0.18);
}

.wpbbs-two-column {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wpbbs-space-xl);
}

.wpbbs-info-card {
	padding: var(--wpbbs-space-xl);
	border: 1px solid var(--wpbbs-border);
	border-radius: var(--wpbbs-radius-lg);
	background: #fff;
	box-shadow: var(--wpbbs-shadow-soft);
}

.wpbbs-brand-article {
	background: linear-gradient(180deg, #f8fafc, #eef8f5);
}

.wpbbs-brand-article > .wpbbs-container {
	padding: var(--wpbbs-space-2xl);
	border: 1px solid rgba(15, 118, 110, 0.16);
	border-radius: var(--wpbbs-radius-lg);
	background: #fff;
	box-shadow: var(--wpbbs-shadow-soft);
}

.wpbbs-article-block + .wpbbs-article-block {
	margin-top: var(--wpbbs-space-xl);
	padding-top: var(--wpbbs-space-lg);
	border-top: 1px solid var(--wpbbs-border);
}

.wpbbs-article-block h3 {
	margin-bottom: var(--wpbbs-space-sm);
	color: var(--wpbbs-primary);
}

.wpbbs-featured-table .wpbbs-payment-row strong {
	color: var(--wpbbs-primary-dark);
}

.wpbbs-floating-actions {
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, 18px);
	transition: opacity 180ms ease, transform 180ms ease;
	background: rgba(15, 23, 42, 0.95);
}

.wpbbs-floating-actions.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, 0);
}

.wpbbs-floating-actions a {
	background: linear-gradient(135deg, #f97316, #c2410c) !important;
}

/* How to start flow for Tiranga Lottery */
.wpbbs-guide {
	position: relative;
	overflow: hidden;
	padding: clamp(4.4rem, 7vw, 6.6rem) 0;
	background:
		linear-gradient(135deg, rgba(15, 118, 110, 0.08), rgba(250, 204, 21, 0.08)),
		#fff;
}

.wpbbs-guide::before {
	content: "";
	position: absolute;
	inset: 3rem 6% auto auto;
	width: min(34vw, 420px);
	height: min(34vw, 420px);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(249, 115, 22, 0.16), transparent 66%);
	pointer-events: none;
}

.wpbbs-guide > .wpbbs-container {
	position: relative;
	z-index: 1;
}

.wpbbs-guide .wpbbs-section-head {
	display: grid;
	grid-template-columns: minmax(220px, 0.42fr) minmax(0, 0.58fr);
	gap: clamp(1rem, 3vw, 2.5rem);
	align-items: end;
	max-width: 1120px;
	margin: 0 auto clamp(1.8rem, 3.5vw, 3rem);
}

.wpbbs-guide .wpbbs-section-head h2 {
	max-width: 760px;
	margin: 0;
	font-size: clamp(2.05rem, 4vw, 3.3rem);
	line-height: 1.02;
	color: #0f172a;
}

.wpbbs-guide .wpbbs-eyebrow {
	margin: 0;
	color: #0f766e;
}

.wpbbs-guide-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.1rem, 2.4vw, 1.65rem);
	max-width: 1120px;
	margin-inline: auto;
}

.wpbbs-guide-row {
	position: relative;
	display: block;
	min-height: 100%;
	padding: clamp(1.35rem, 2.6vw, 2rem);
	border: 1px solid rgba(15, 118, 110, 0.14);
	border-radius: 26px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.98)),
		#fff;
	box-shadow: 0 20px 58px rgba(15, 23, 42, 0.08);
	overflow: hidden;
}

.wpbbs-guide-row::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 5px;
	background: linear-gradient(90deg, #0f766e, #f97316, #facc15);
}

.wpbbs-guide-row::after {
	content: "";
	position: absolute;
	right: -44px;
	bottom: -54px;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: rgba(15, 118, 110, 0.06);
	pointer-events: none;
}

.wpbbs-guide-row:nth-child(2n)::before {
	background: linear-gradient(90deg, #f97316, #facc15, #0f766e);
}

.wpbbs-guide-row:nth-child(3n)::before {
	background: linear-gradient(90deg, #0f172a, #0f766e, #facc15);
}

.wpbbs-guide-row > div {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 78px minmax(0, 1fr);
	grid-template-areas:
		"number title"
		"number text";
	column-gap: clamp(1rem, 2vw, 1.35rem);
	row-gap: 0.45rem;
	align-items: start;
}

.wpbbs-guide-row span {
	grid-area: number;
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	border: 1px solid rgba(15, 118, 110, 0.18);
	border-radius: 22px;
	background:
		linear-gradient(135deg, rgba(15, 118, 110, 0.12), rgba(250, 204, 21, 0.16)),
		#fff;
	color: #0f766e;
	font-size: 1.32rem;
	font-weight: 900;
	box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.7);
}

.wpbbs-guide-row h3 {
	grid-area: title;
	margin: 0;
	color: #0f172a;
	font-size: clamp(1.18rem, 2vw, 1.42rem);
	line-height: 1.22;
}

.wpbbs-guide-row p {
	grid-area: text;
	margin: 0;
	color: #475569;
	font-size: 0.98rem;
	line-height: 1.72;
}

/* Bottom page rhythm for Tiranga Lottery */
.wpbbs-feedback {
	padding: clamp(4.5rem, 7vw, 6.5rem) 0;
	background:
		linear-gradient(135deg, rgba(15, 118, 110, 0.1), rgba(249, 115, 22, 0.06)),
		#f8fafc;
}

.wpbbs-feedback::before {
	content: "";
	position: absolute;
	inset: 3rem auto auto 4%;
	width: 42%;
	height: 58%;
	border-radius: 34px;
	background:
		linear-gradient(135deg, rgba(15, 118, 110, 0.12), rgba(250, 204, 21, 0.1)),
		#fff;
	transform: rotate(-2deg);
	pointer-events: none;
}

.wpbbs-feedback__grid {
	position: relative;
	z-index: 1;
	grid-template-columns: minmax(260px, 0.55fr) minmax(0, 1.45fr);
	align-items: start;
	gap: clamp(2rem, 5vw, 4.5rem);
}

.wpbbs-feedback__intro {
	position: sticky;
	top: 110px;
	padding: clamp(1.25rem, 3vw, 2rem);
	border: 1px solid rgba(15, 118, 110, 0.14);
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.86);
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
	backdrop-filter: blur(10px);
}

.wpbbs-feedback__intro h2 {
	font-size: clamp(2rem, 4vw, 3.1rem);
	line-height: 1.04;
}

.wpbbs-feedback-points {
	display: grid;
	grid-template-columns: 1fr;
}

.wpbbs-feedback-points span {
	justify-content: flex-start;
	min-height: 42px;
	border: 1px solid rgba(15, 118, 110, 0.12);
	box-shadow: none;
}

.wpbbs-review-list {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: clamp(0.95rem, 2vw, 1.25rem);
	align-items: stretch;
}

.wpbbs-review-card {
	grid-column: span 2;
	min-height: 0;
	padding: clamp(1.15rem, 2vw, 1.55rem);
	border-color: rgba(15, 118, 110, 0.12);
	border-radius: 22px;
	box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
}

.wpbbs-review-card:nth-child(1),
.wpbbs-review-card:nth-child(2) {
	grid-column: span 3;
}

.wpbbs-review-card--raised {
	transform: none;
	box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
}

.wpbbs-review-card__head {
	align-items: flex-start;
	margin-bottom: 0.9rem;
}

.wpbbs-review-avatar {
	background: linear-gradient(135deg, #0F766E, #F97316);
}

.wpbbs-responsible {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 12% 20%, rgba(250, 204, 21, 0.18), transparent 20rem),
		linear-gradient(135deg, #0F172A 0%, #134E4A 55%, #0F766E 100%);
	color: #dbeafe;
}

.wpbbs-responsible::after {
	content: "18+";
	position: absolute;
	right: clamp(1rem, 7vw, 6rem);
	top: 1.25rem;
	color: rgba(255, 255, 255, 0.07);
	font-size: clamp(5rem, 14vw, 12rem);
	font-weight: 900;
	line-height: 1;
	pointer-events: none;
}

.wpbbs-responsible__grid {
	position: relative;
	z-index: 1;
	grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
	gap: clamp(1.8rem, 4vw, 3.8rem);
}

.wpbbs-responsible__media {
	min-height: 320px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 28px;
	box-shadow: 0 28px 80px rgba(2, 6, 23, 0.34);
}

.wpbbs-responsible h2,
.wpbbs-responsible h3 {
	color: #fff;
}

.wpbbs-responsible p,
.wpbbs-responsible .wpbbs-check-list li {
	color: #dbeafe;
}

.wpbbs-responsible .wpbbs-eyebrow {
	color: #FACC15;
}

.wpbbs-responsible .wpbbs-check-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem 1rem;
}

.wpbbs-responsible .wpbbs-check-list li {
	padding: 0.9rem 1rem 0.9rem 2.65rem;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.08);
}

.wpbbs-responsible .wpbbs-check-list li::before {
	left: 1rem;
	top: 1.25rem;
	background: #FACC15;
	box-shadow: 0 0 0 4px rgba(250, 204, 21, 0.16);
}

.wpbbs-brand-article {
	padding: clamp(4.5rem, 8vw, 7rem) 0;
	background:
		linear-gradient(180deg, #f8fafc 0%, #eef8f5 100%);
}

.wpbbs-brand-article > .wpbbs-container {
	display: grid;
	grid-template-columns: minmax(230px, 0.36fr) minmax(0, 0.64fr);
	column-gap: clamp(2rem, 5vw, 4.5rem);
	row-gap: 0;
	max-width: 1180px;
	padding: clamp(2rem, 4vw, 3.6rem);
	border: 0;
	border-radius: 32px;
	background:
		linear-gradient(90deg, rgba(15, 118, 110, 0.06), transparent 38%),
		#fff;
	box-shadow: 0 28px 90px rgba(15, 23, 42, 0.08);
}

.wpbbs-brand-article .wpbbs-eyebrow {
	grid-column: 1;
	grid-row: 1;
	margin-bottom: 0.85rem;
}

.wpbbs-brand-article > .wpbbs-container > h2 {
	position: sticky;
	top: 110px;
	grid-column: 1;
	grid-row: 2 / span 20;
	align-self: start;
	max-width: 9ch;
	font-size: clamp(2.15rem, 4.2vw, 3.65rem);
	line-height: 0.98;
	color: #0F172A;
}

.wpbbs-article-block {
	grid-column: 2;
	max-width: 760px;
	padding-left: clamp(1.15rem, 2vw, 1.6rem);
	border-left: 3px solid rgba(15, 118, 110, 0.18);
}

.wpbbs-article-block + .wpbbs-article-block {
	margin-top: 0;
	padding-top: clamp(1.15rem, 2vw, 1.55rem);
	border-top: 1px solid rgba(15, 118, 110, 0.12);
}

.wpbbs-article-block h3 {
	margin-bottom: 0.55rem;
	color: #0F766E;
	font-size: clamp(1.2rem, 2vw, 1.45rem);
}

.wpbbs-article-block p {
	color: #334155;
	line-height: 1.75;
}

.wpbbs-faq {
	padding: clamp(4.2rem, 7vw, 6.2rem) 0;
	background:
		linear-gradient(180deg, #eef8f5 0%, #f8fafc 100%);
}

.wpbbs-faq .wpbbs-narrow {
	max-width: 1160px;
}

.wpbbs-faq .wpbbs-section-head {
	display: grid;
	grid-template-columns: minmax(220px, 0.38fr) minmax(0, 0.62fr);
	gap: clamp(1rem, 3vw, 2.5rem);
	align-items: end;
	margin-bottom: clamp(1.5rem, 3vw, 2.4rem);
}

.wpbbs-faq .wpbbs-section-head h2 {
	margin: 0;
	font-size: clamp(2rem, 4vw, 3.15rem);
	line-height: 1.04;
}

.wpbbs-faq .wpbbs-section-head .wpbbs-eyebrow {
	margin: 0;
}

.wpbbs-faq .wpbbs-accordion {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.9rem 1rem;
}

.wpbbs-faq .wpbbs-accordion details {
	border-color: rgba(15, 118, 110, 0.13);
	border-radius: 18px;
	box-shadow: none;
}

.wpbbs-faq .wpbbs-accordion details[open] {
	background: #fff;
	box-shadow: 0 18px 46px rgba(15, 23, 42, 0.07);
}

.wpbbs-faq .wpbbs-accordion summary {
	color: #0F172A;
}

.wpbbs-faq .wpbbs-accordion p {
	line-height: 1.68;
}

.wpbbs-footer {
	padding: clamp(5rem, 8vw, 7rem) 0 7rem;
	background:
		radial-gradient(circle at 8% 78%, rgba(249, 115, 22, 0.2), transparent 22rem),
		radial-gradient(circle at 90% 18%, rgba(15, 118, 110, 0.46), transparent 28rem),
		linear-gradient(180deg, #0F172A 0%, #111827 100%);
}

.wpbbs-footer__grid {
	grid-template-columns: minmax(280px, 1.35fr) repeat(3, minmax(140px, 0.72fr));
	gap: clamp(1.25rem, 3vw, 2rem);
	align-items: stretch;
}

.wpbbs-footer__brand,
.wpbbs-footer__col,
.wpbbs-footer-contact div {
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.06);
	box-shadow: 0 18px 54px rgba(2, 6, 23, 0.18);
}

.wpbbs-footer__brand,
.wpbbs-footer__col {
	padding: clamp(1.15rem, 2vw, 1.45rem);
}

.wpbbs-footer__brand p {
	max-width: 560px;
}

.wpbbs-age-note {
	border-radius: 18px;
	background: rgba(15, 118, 110, 0.2);
}

.wpbbs-footer__col li + li {
	margin-top: 0.7rem;
}

.wpbbs-footer-contact {
	grid-template-columns: 1.25fr 0.75fr;
}

.wpbbs-footer__bottom {
	padding: 1rem 1.15rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.05);
}

.wpbbs-floating-actions {
	width: min(calc(100% - 28px), 460px);
	border-radius: 18px;
	background: rgba(15, 23, 42, 0.92);
	box-shadow: 0 18px 46px rgba(2, 6, 23, 0.32);
}

.wpbbs-floating-actions a {
	border-radius: 14px;
}

@media (max-width: 900px) {
	.wpbbs-quick-access-grid,
	.wpbbs-two-column {
		grid-template-columns: 1fr;
	}

	.wpbbs-guide .wpbbs-section-head,
	.wpbbs-guide-list {
		grid-template-columns: 1fr;
	}

	.wpbbs-feedback__grid,
	.wpbbs-responsible__grid,
	.wpbbs-brand-article > .wpbbs-container,
	.wpbbs-faq .wpbbs-section-head {
		grid-template-columns: 1fr;
	}

	.wpbbs-feedback__intro,
	.wpbbs-brand-article > .wpbbs-container > h2 {
		position: static;
	}

	.wpbbs-review-list {
		grid-template-columns: 1fr;
	}

	.wpbbs-review-card,
	.wpbbs-review-card:nth-child(1),
	.wpbbs-review-card:nth-child(2),
	.wpbbs-article-block {
		grid-column: auto;
	}

	.wpbbs-responsible .wpbbs-check-list,
	.wpbbs-faq .wpbbs-accordion,
	.wpbbs-footer-contact {
		grid-template-columns: 1fr;
	}

	.wpbbs-brand-article > .wpbbs-container > h2 {
		max-width: none;
	}

	.wpbbs-article-block {
		padding-left: 1rem;
	}

	.wpbbs-footer__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.wpbbs-guide {
		padding-block: 3.6rem;
	}

	.wpbbs-guide-row {
		border-radius: 20px;
	}

	.wpbbs-guide-row > div {
		grid-template-columns: 1fr;
		grid-template-areas:
			"number"
			"title"
			"text";
	}

	.wpbbs-guide-row span {
		width: 62px;
		height: 62px;
		border-radius: 18px;
	}

	.wpbbs-feedback,
	.wpbbs-brand-article,
	.wpbbs-faq {
		padding-block: 3.6rem;
	}

	.wpbbs-feedback__intro,
	.wpbbs-brand-article > .wpbbs-container,
	.wpbbs-footer__brand,
	.wpbbs-footer__col {
		border-radius: 20px;
	}

	.wpbbs-responsible__media {
		min-height: 230px;
	}

	.wpbbs-footer {
		padding-bottom: 6.9rem;
	}
}