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

:root {
	--wpbbs-primary: #d90429;
	--wpbbs-primary-dark: #7a0617;
	--wpbbs-secondary: #111827;
	--wpbbs-secondary-dark: #070a12;
	--wpbbs-accent: #f7b801;
	--wpbbs-bg: #fff8f0;
	--wpbbs-surface: #ffffff;
	--wpbbs-text: #111827;
	--wpbbs-muted: #5b6472;
	--wpbbs-border: #f0d8c4;
	--wpbbs-footer: #070a12;
	--wpbbs-footer-soft: #191f2b;
	--wpbbs-radius: 10px;
	--wpbbs-radius-lg: 16px;
	--wpbbs-shadow: 0 18px 38px rgba(122, 6, 23, 0.14);
	--wpbbs-shadow-soft: 0 10px 22px rgba(17, 24, 39, 0.09);
}

.wpbbs-hero-orb {
	display: none;
}

.wpbbs-hero {
	background:
		linear-gradient(135deg, rgba(7, 10, 18, 0.96), rgba(122, 6, 23, 0.92)),
		var(--wpbbs-secondary-dark);
}

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

.wpbbs-eyebrow {
	color: var(--wpbbs-primary);
	letter-spacing: 0;
}

.wpbbs-btn--primary,
.wpbbs-header-action,
.wpbbs-floating-actions a:first-child {
	background: var(--wpbbs-primary);
	color: #fff;
}

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

.wpbbs-btn--secondary {
	background: var(--wpbbs-accent);
	border-color: var(--wpbbs-accent);
	color: #111827;
}

.wpbbs-btn--ghost {
	border: 1px solid rgba(255, 255, 255, 0.45);
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
}

.wpbbs-btn--ghost:hover,
.wpbbs-btn--ghost:focus-visible {
	background: rgba(255, 255, 255, 0.16);
	color: #fff;
}

.wpbbs-quick-access {
	background: #fff;
	border-bottom: 1px solid var(--wpbbs-border);
}

.wpbbs-quick-access__grid {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 0;
}

.wpbbs-quick-access__grid a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 72px;
	padding: 0.8rem;
	border-right: 1px solid var(--wpbbs-border);
	color: var(--wpbbs-secondary);
	font-weight: 900;
	text-align: center;
}

.wpbbs-quick-access__grid a:first-child {
	border-left: 1px solid var(--wpbbs-border);
}

.wpbbs-quick-access__grid a:hover,
.wpbbs-quick-access__grid a:focus-visible {
	background: #fff3e1;
	color: var(--wpbbs-primary);
}

.wpbbs-nav__list li {
	position: relative;
}

.wpbbs-nav__list .sub-menu {
	position: absolute;
	top: calc(100% + 0.65rem);
	left: 0;
	z-index: 30;
	display: grid;
	min-width: 230px;
	gap: 0.25rem;
	margin: 0;
	padding: 0.6rem;
	list-style: none;
	border: 1px solid var(--wpbbs-border);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 18px 36px rgba(17, 24, 39, 0.16);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}

.wpbbs-nav__list li:hover > .sub-menu,
.wpbbs-nav__list li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.wpbbs-nav__list .sub-menu a {
	justify-content: flex-start;
	width: 100%;
	padding: 0.72rem 0.85rem;
	border-radius: 8px;
	white-space: nowrap;
}

.wpbbs-featured-table,
.wpbbs-method-table {
	overflow: hidden;
	border: 1px solid var(--wpbbs-border);
	border-radius: var(--wpbbs-radius-lg);
	background: #fff;
	box-shadow: var(--wpbbs-shadow-soft);
}

.wpbbs-featured-table__row {
	display: grid;
	grid-template-columns: 68px minmax(150px, 0.8fr) minmax(110px, 0.45fr) minmax(0, 1.5fr);
	gap: 1rem;
	align-items: center;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--wpbbs-border);
}

.wpbbs-featured-table__media {
	width: 64px;
	height: 84px;
	margin: 0;
	border: 1px solid rgba(7, 52, 154, 0.12);
	border-radius: 6px;
	background: #eef3fb;
	box-shadow: 0 6px 14px rgba(2, 9, 30, 0.1);
}

.wpbbs-featured-table__media img {
	object-fit: cover;
}

.wpbbs-featured-table__row:last-child {
	border-bottom: 0;
}

.wpbbs-featured-table__row span {
	color: var(--wpbbs-primary);
	font-weight: 900;
}

.wpbbs-featured-table__row p {
	margin: 0;
	color: var(--wpbbs-muted);
}

.wpbbs-category-deep-dive {
	background: #fffdf8;
}

.wpbbs-category-deep-dive__item {
	display: grid;
	grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);
	gap: clamp(1.25rem, 4vw, 3rem);
	align-items: center;
	padding: clamp(1.25rem, 3vw, 2rem) 0;
	border-bottom: 1px solid var(--wpbbs-border);
}

.wpbbs-category-deep-dive__item--reverse {
	grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
}

.wpbbs-category-deep-dive__item--reverse .wpbbs-category-deep-dive__media {
	order: 2;
}

.wpbbs-category-deep-dive__media img,
.wpbbs-category-deep-dive__media {
	aspect-ratio: 16 / 10;
	border-radius: var(--wpbbs-radius-lg);
	object-fit: cover;
	overflow: hidden;
}

.wpbbs-vip-panel {
	background: var(--wpbbs-secondary);
	color: #fff;
}

.wpbbs-vip-panel__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
	gap: 2rem;
	align-items: center;
}

.wpbbs-vip-panel h2,
.wpbbs-vip-panel p,
.wpbbs-vip-panel li {
	color: #fff;
}

.wpbbs-vip-panel ul,
.wpbbs-security-support__card ul {
	display: grid;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wpbbs-vip-panel li,
.wpbbs-security-support__card li {
	position: relative;
	padding-left: 1.2rem;
}

.wpbbs-vip-panel li::before,
.wpbbs-security-support__card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.65em;
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: var(--wpbbs-accent);
}

.wpbbs-deposit-withdrawal {
	background: #fff3e1;
}

.wpbbs-deposit-withdrawal__grid,
.wpbbs-security-support__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 2rem;
	align-items: start;
}

.wpbbs-security-support__card {
	min-height: 100%;
	padding: clamp(1.25rem, 3vw, 2rem);
	border: 1px solid var(--wpbbs-border);
	border-radius: var(--wpbbs-radius-lg);
	background: #fff;
	box-shadow: var(--wpbbs-shadow-soft);
}

.wpbbs-security-support__card--support {
	background: var(--wpbbs-secondary);
	color: #fff;
}

.wpbbs-security-support__card--support h2,
.wpbbs-security-support__card--support p {
	color: #fff;
}

.wpbbs-brand-guide-shell {
	background: #fff;
}

.wpbbs-brand-guide-shell .wpbbs-entry-content {
	padding: clamp(1.25rem, 4vw, 2.5rem);
	border: 1px solid var(--wpbbs-border);
	border-radius: var(--wpbbs-radius-lg);
	background: #fffdf8;
	box-shadow: var(--wpbbs-shadow-soft);
}

.wpbbs-editor-shell--page .wpbbs-entry-content {
	padding: clamp(1.25rem, 4vw, 2.5rem);
	border: 1px solid var(--wpbbs-border);
	border-radius: var(--wpbbs-radius-lg);
	background: #fff;
	box-shadow: var(--wpbbs-shadow-soft);
}

.wpbbs-media img,
.wpbbs-card-image img,
.wpbbs-highlight-card__media img,
.wpbbs-game-card__media img {
	object-fit: cover;
}

@media (max-width: 900px) {
	.wpbbs-quick-access__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.wpbbs-nav__list .sub-menu {
		position: static;
		min-width: 0;
		padding: 0.25rem 0 0.25rem 0.75rem;
		border: 0;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: none;
		background: transparent;
	}

	.wpbbs-nav__list .sub-menu a {
		white-space: normal;
	}

	.wpbbs-featured-table__row,
	.wpbbs-category-deep-dive__item,
	.wpbbs-category-deep-dive__item--reverse,
	.wpbbs-vip-panel__inner,
	.wpbbs-deposit-withdrawal__grid,
	.wpbbs-security-support__grid {
		grid-template-columns: 1fr;
	}

	.wpbbs-category-deep-dive__item--reverse .wpbbs-category-deep-dive__media {
		order: 0;
	}
}

@media (max-width: 520px) {
	.wpbbs-quick-access__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wpbbs-featured-table__row {
		display: block;
	}

	.wpbbs-featured-table__row > * + * {
		display: block;
		margin-top: 0.35rem;
	}
}

.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);
}