/**
 * Standalone Beer Club shell aligned with the public Dong Ba Brewery website.
 * Authentication and token screens intentionally remain isolated from theme
 * hooks and third-party assets.
 */

@font-face {
	font-family: Manrope;
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("https://dongbabrewery.com/wp-content/themes/twentytwentyfive/assets/fonts/manrope/Manrope-VariableFont_wght.woff2") format("woff2");
}

:root {
	--dbbc-site-width: 1180px;
	--dbbc-site-gutter: 12px;
	--dbbc-site-bg: #1b0d2d;
	--dbbc-site-panel: #160a25;
	--dbbc-site-cream: #f7e9c8;
	--dbbc-site-muted: #cfc1dc;
	--dbbc-site-gold: #f2c14e;
	--dbbc-site-border: rgba(242, 193, 78, .34);
}

html {
	background: var(--dbbc-site-bg);
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
}

body.dbbc-application-shell {
	background:
		radial-gradient(circle at 8% 0%, rgba(91, 42, 113, .18), transparent 34rem),
		radial-gradient(circle at 92% 34%, rgba(18, 71, 101, .12), transparent 32rem),
		var(--dbbc-site-bg);
	color: var(--dbbc-site-cream);
	font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	margin: 0;
	min-height: 100%;
	overflow-x: hidden;
}

@supports (overflow: clip) {
	body.dbbc-application-shell {
		overflow-x: clip;
	}
}

.dbbc-site-header,
.dbbc-site-header *,
.dbbc-site-footer-river,
.dbbc-site-footer-river *,
.dbbc-site-header *::before,
.dbbc-site-header *::after,
.dbbc-site-footer-river *::before,
.dbbc-site-footer-river *::after {
	box-sizing: border-box;
}

.dbbc-site-header {
	position: relative;
	z-index: 30;
	width: min(var(--dbbc-site-width), calc(100% - (2 * var(--dbbc-site-gutter))));
	margin: 0 auto;
	color: var(--dbbc-site-cream);
}

.dbbc-site-header__brand-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 144px;
	padding: 18px 0;
}

.dbbc-site-brand {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
	color: inherit;
	text-decoration: none;
}

.dbbc-site-brand img {
	display: block;
	width: 92px;
	height: 68px;
	object-fit: contain;
}

.dbbc-site-brand__copy {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.dbbc-site-brand__copy strong {
	color: var(--dbbc-site-cream);
	font-size: clamp(1.15rem, 1.7vw, 1.52rem);
	line-height: 1.1;
	font-weight: 800;
}

.dbbc-site-brand__copy small {
	color: rgba(247, 233, 200, .76);
	font-size: .88rem;
	line-height: 1.4;
}

.dbbc-site-header__controls {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.dbbc-site-language,
.dbbc-site-menu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 17px;
	border: 1px solid rgba(242, 193, 78, .48);
	border-radius: 999px;
	background: rgba(16, 7, 28, .56);
	color: var(--dbbc-site-gold);
	font: inherit;
	font-size: .84rem;
	font-weight: 750;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}

.dbbc-site-language:hover,
.dbbc-site-language:focus-visible,
.dbbc-site-menu-toggle:hover,
.dbbc-site-menu-toggle:focus-visible {
	border-color: var(--dbbc-site-gold);
	background: rgba(242, 193, 78, .12);
	color: #ffd77b;
	outline: none;
}

.dbbc-site-menu-toggle {
	display: none;
	gap: 8px;
}

.dbbc-site-navigation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(12px, 2.7vw, 46px);
	min-height: 56px;
	border-top: 1px solid rgba(242, 193, 78, .20);
	border-bottom: 1px solid rgba(242, 193, 78, .34);
}

.dbbc-site-navigation a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 55px;
	color: #d8a83f;
	font-size: clamp(.88rem, 1.15vw, 1.06rem);
	font-weight: 500;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	transition: color .18s ease;
}

.dbbc-site-navigation a:hover,
.dbbc-site-navigation a:focus-visible,
.dbbc-site-navigation a.is-current {
	color: #ffd36c;
	outline: none;
}

.dbbc-site-navigation a.is-current::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 5px;
	width: 28px;
	height: 3px;
	border-radius: 999px;
	background: #ffd36c;
	transform: translateX(-50%);
}

.dbbc-application-frame {
	box-sizing: border-box;
	min-height: 0;
	padding: clamp(26px, 3vw, 48px) var(--dbbc-site-gutter) 0;
	width: 100%;
}

.dbbc-application-frame > .dbbc {
	max-width: var(--dbbc-site-width);
	margin-block: 0;
	margin-inline: auto;
	width: 100%;
}

/* Site chrome already carries the brand and language controls. */
body.dbbc-route-landing .dbbc-club-landing__topbar {
	display: none;
}

body.dbbc-route-landing .dbbc-club-landing__grid {
	margin-top: 0;
}

body.dbbc-route-register .dbbc-register-page__header .dbbc-language-switch {
	display: none;
}

.dbbc-site-footer-river {
	position: relative;
	width: 100%;
	margin-top: 14px;
	padding: 6px var(--dbbc-site-gutter) 24px;
	background: transparent;
}

.dbbc-site-footer-card {
	position: relative;
	isolation: isolate;
	width: 100%;
	max-width: var(--dbbc-site-width);
	margin: 0 auto;
	padding: 24px 24px 20px;
	overflow: hidden;
	border: 1px solid rgba(190, 136, 42, .54);
	border-radius: 22px;
	background:
		radial-gradient(circle at 18% 0%, rgba(87, 36, 118, .13), transparent 34%),
		radial-gradient(circle at 84% 10%, rgba(24, 79, 117, .12), transparent 30%),
		radial-gradient(circle at 76% 8%, rgba(210, 156, 55, .05), transparent 28%),
		linear-gradient(90deg, #08030e 0%, #10071c 32%, #071327 66%, #02172b 100%);
	box-shadow: 0 14px 34px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 244, 198, .12), inset 0 -1px 0 rgba(105, 67, 20, .30);
	color: #e9f5ef;
}

.dbbc-site-footer-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	border-radius: inherit;
	background:
		linear-gradient(90deg, transparent 0%, rgba(255, 244, 198, .24) 18%, rgba(174, 112, 32, .48) 52%, rgba(255, 244, 198, .20) 82%, transparent 100%) top / 100% 1px no-repeat,
		linear-gradient(115deg, rgba(255, 255, 255, .026) 0%, transparent 28%, rgba(255, 255, 255, .014) 56%, transparent 82%);
	opacity: .76;
}

.dbbc-site-footer-inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(260px, .95fr);
	gap: 26px;
	align-items: center;
}

.dbbc-site-footer-kicker,
.dbbc-site-footer-brand,
.dbbc-site-footer-desc,
.dbbc-site-footer-partners-title,
.dbbc-site-footer-partners {
	margin: 0;
}

.dbbc-site-footer-kicker {
	margin-bottom: 8px;
	color: #f2c66d;
	font-size: .70rem;
	line-height: 1.4;
	font-weight: 700;
	text-transform: uppercase;
}

.dbbc-site-footer-brand {
	font-size: 1.58rem;
	line-height: 1.08;
	font-weight: 800;
}

.dbbc-site-footer-brand a {
	color: inherit;
	background: linear-gradient(90deg, #d8c7a3 0%, #f0dfbd 42%, #b89252 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration: none;
	text-shadow: 0 7px 18px rgba(0, 0, 0, .32);
}

.dbbc-site-footer-desc {
	max-width: 650px;
	margin-top: 12px;
	color: rgba(233, 245, 239, .80);
	font-size: .86rem;
	line-height: 1.58;
}

.dbbc-site-footer-partner-panel {
	width: 100%;
	max-width: 430px;
	justify-self: end;
	padding: 14px;
	border: 1px solid rgba(190, 136, 42, .34);
	border-radius: 16px;
	background: linear-gradient(145deg, rgba(0, 7, 12, .76), rgba(2, 25, 34, .42));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 28px rgba(0, 0, 0, .22);
}

.dbbc-site-footer-partners-title {
	margin-bottom: 9px;
	color: rgba(255, 244, 198, .84);
	font-size: .72rem;
	line-height: 1.35;
	font-weight: 700;
	text-transform: uppercase;
}

.dbbc-site-footer-partners {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 66px;
	padding: 9px 11px;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 12px;
	background: rgba(0, 5, 10, .50);
}

.dbbc-site-footer-partners img {
	display: block;
	max-width: 100%;
	height: auto;
	opacity: .94;
	filter: saturate(1.04) contrast(1.03);
}

.dbbc-site-footer-bottom {
	position: relative;
	z-index: 1;
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, .10);
	color: rgba(237, 248, 239, .58);
	font-size: .70rem;
	line-height: 1.45;
}

body.dbbc-route-portal.dbbc-mobile-hub-active {
	background:
		radial-gradient(circle at 12% -5%, rgba(215, 179, 93, .13), transparent 34rem),
		radial-gradient(circle at 86% 30%, rgba(84, 44, 99, .16), transparent 30rem),
		var(--dbbc-site-bg);
}

body.dbbc-mobile-hub-active .dbbc-application-frame {
	padding-bottom: calc(84px + env(safe-area-inset-bottom));
}

@media (max-width: 820px) {
	.dbbc-site-header__brand-row {
		min-height: 102px;
		padding: 14px 0;
	}

	.dbbc-site-brand {
		gap: 11px;
	}

	.dbbc-site-brand img {
		width: 66px;
		height: 50px;
	}

	.dbbc-site-brand__copy strong {
		font-size: 1.05rem;
	}

	.dbbc-site-brand__copy small {
		font-size: .72rem;
	}

	.dbbc-site-language {
		padding-inline: 13px;
	}

	.dbbc-site-menu-toggle {
		display: inline-flex;
		padding-inline: 13px;
	}

	.dbbc-site-menu-toggle span {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.dbbc-site-navigation {
		position: absolute;
		top: calc(100% - 1px);
		left: 0;
		right: 0;
		display: none;
		align-items: stretch;
		gap: 0;
		padding: 8px;
		border: 1px solid var(--dbbc-site-border);
		border-radius: 0 0 18px 18px;
		background: rgba(22, 10, 37, .98);
		box-shadow: 0 18px 38px rgba(0, 0, 0, .35);
	}

	.dbbc-site-navigation.is-open {
		display: grid;
	}

	.dbbc-site-navigation a {
		justify-content: flex-start;
		min-height: 48px;
		padding: 10px 14px;
		border-radius: 10px;
		font-size: .96rem;
		text-align: left;
	}

	.dbbc-site-navigation a:hover,
	.dbbc-site-navigation a:focus-visible,
	.dbbc-site-navigation a.is-current {
		background: rgba(242, 193, 78, .09);
	}

	.dbbc-site-navigation a.is-current::after {
		top: 50%;
		left: 3px;
		bottom: auto;
		width: 3px;
		height: 24px;
		transform: translateY(-50%);
	}

	.dbbc-application-frame {
		padding-top: 18px;
	}

	.dbbc-site-footer-card {
		padding: 22px 16px 18px;
		border-radius: 20px;
	}

	.dbbc-site-footer-inner {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.dbbc-site-footer-partner-panel {
		max-width: none;
		justify-self: stretch;
	}
}

/* Keep the landing readable on tablet; the legacy stylesheet switches to two
 * columns at 700px, which leaves the headline in an unusably narrow column. */
@media (min-width: 700px) and (max-width: 959px) {
	body.dbbc-route-landing .dbbc-club-landing__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}

	body.dbbc-route-landing .dbbc-club-landing__intro h1 {
		font-size: clamp(2.35rem, 6.4vw, 3rem);
		max-width: 690px;
	}
}

@media (max-width: 520px) {
	.dbbc-site-brand__copy small {
		display: none;
	}

	.dbbc-site-language,
	.dbbc-site-menu-toggle {
		min-height: 40px;
		font-size: .76rem;
	}

	.dbbc-site-footer-river {
		margin-top: 12px;
		padding-bottom: 22px;
	}

	.dbbc-site-footer-card {
		padding: 20px 13px 17px;
		border-radius: 18px;
	}

	.dbbc-site-footer-brand {
		font-size: 1.34rem;
	}

	.dbbc-site-footer-desc {
		font-size: .84rem;
		line-height: 1.54;
	}

	.dbbc-site-footer-partner-panel {
		padding: 12px;
		border-radius: 14px;
	}

	.dbbc-site-footer-bottom {
		font-size: .68rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.dbbc-application-shell {
		scroll-behavior: auto;
	}

	.dbbc-site-language,
	.dbbc-site-menu-toggle,
	.dbbc-site-navigation a {
		transition: none;
	}
}

/*
 * Member Portal — deep-plum visual refresh.
 *
 * application-shell.css loads after the plugin's portal styles. Keeping the
 * refresh here lets the membership templates and behaviour remain untouched
 * while the Portal follows the same 1180px rhythm, Manrope typography and
 * purple/champagne palette as the public Dong Ba Brewery website.
 */
body.dbbc-route-portal.dbbc-mobile-hub-active {
	background:
		radial-gradient(circle at 10% -8%, rgba(117, 55, 143, .28), transparent 36rem),
		radial-gradient(circle at 92% 28%, rgba(57, 29, 86, .34), transparent 34rem),
		linear-gradient(180deg, #201032 0%, #180a29 48%, #140822 100%);
}

body.dbbc-route-portal .dbbc-application-frame {
	padding-top: clamp(18px, 2.1vw, 30px);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub {
	--dbbc-hub-ink: #120719;
	--dbbc-hub-purple: #24102f;
	--dbbc-hub-plum: #3a1b4b;
	--dbbc-hub-paper: #1d0d29;
	--dbbc-hub-lavender: #2b1639;
	--dbbc-signature-bg: #14091e;
	--dbbc-signature-surface: #20102d;
	--dbbc-signature-surface-raised: #2b1739;
	--dbbc-signature-surface-plum: #371a48;
	--dbbc-signature-line: rgba(242, 193, 78, .23);
	--dbbc-signature-line-strong: rgba(242, 193, 78, .46);
	--dbbc-signature-text: #f7e9c8;
	--dbbc-signature-muted: #cdbfd8;
	--dbbc-gold: #f2c14e;
	--dbbc-gold-soft: #f6d781;
	--dbbc-cream: #f7e9c8;
	--dbbc-muted: #cdbfd8;
	--dbbc-on-light: #f7e9c8;
	--dbbc-on-light-muted: #cdbfd8;
	--dbbc-on-light-accent: #f2c14e;
	--dbbc-control-border: rgba(242, 193, 78, .48);
	--dbbc-focus: #f6d781;
	--dbbc-line: rgba(242, 193, 78, .19);
	width: 100%;
	max-width: var(--dbbc-site-width) !important;
	padding: clamp(11px, 1.1vw, 16px);
	border: 1px solid rgba(242, 193, 78, .34);
	border-radius: 28px;
	background:
		radial-gradient(circle at 7% 0%, rgba(142, 68, 167, .22), transparent 28rem),
		radial-gradient(circle at 96% 36%, rgba(77, 37, 111, .28), transparent 31rem),
		linear-gradient(145deg, #1b0b27 0%, #281238 54%, #170922 100%);
	box-shadow:
		0 28px 70px rgba(7, 2, 13, .46),
		inset 0 1px 0 rgba(255, 244, 214, .08);
	color: var(--dbbc-signature-text);
	font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-feature-settings: "kern" 1, "liga" 1;
}

body.dbbc-route-portal .dbbc-mobile-hub :where(h1, h2, h3, h4, h5, strong) {
	font-family: inherit;
	letter-spacing: -.025em;
}

body.dbbc-route-portal .dbbc-mobile-hub :where(p, li, label, input, button, a, small) {
	font-family: inherit;
}

body.dbbc-route-portal .dbbc-mobile-hub .dbbc-eyebrow {
	color: #f2c14e !important;
	font-size: .69rem;
	font-weight: 800;
	letter-spacing: .105em;
}

body.dbbc-route-portal .dbbc-mobile-hub__app-bar.dbbc-portal-header {
	min-height: 70px;
	padding: 10px 16px;
	border-color: rgba(242, 193, 78, .39);
	border-radius: 20px;
	background:
		radial-gradient(circle at 92% 0%, rgba(242, 193, 78, .13), transparent 42%),
		radial-gradient(circle at 4% 100%, rgba(137, 62, 160, .22), transparent 47%),
		linear-gradient(135deg, rgba(35, 14, 49, .98), rgba(53, 24, 70, .98) 68%, rgba(25, 9, 37, .98));
	box-shadow: 0 14px 34px rgba(7, 2, 13, .34), inset 0 1px 0 rgba(255, 244, 214, .07);
}

body.dbbc-route-portal .dbbc-mobile-hub .dbbc-portal-header__brand-name {
	color: var(--dbbc-signature-text) !important;
	font-weight: 800;
	letter-spacing: -.025em;
}

body.dbbc-route-portal .dbbc-mobile-hub .dbbc-portal-header__brand-tagline {
	color: #cdbfd8 !important;
	font-size: .68rem;
	font-weight: 700;
}

body.dbbc-route-portal .dbbc-mobile-hub .dbbc-language-switch a {
	border-color: rgba(242, 193, 78, .42);
	background: rgba(20, 7, 29, .62);
	color: #f6d781 !important;
}

body.dbbc-route-portal .dbbc-mobile-hub .dbbc-language-switch a:hover,
body.dbbc-route-portal .dbbc-mobile-hub .dbbc-language-switch a:focus-visible {
	border-color: #f2c14e;
	background: rgba(242, 193, 78, .11);
}

/* The site header already exposes the language switch on every Portal route. */
body.dbbc-route-portal .dbbc-mobile-hub__app-bar .dbbc-language-switch {
	display: none;
}

body.dbbc-route-portal .dbbc-mobile-hub .dbbc-portal-header__topbar {
	justify-content: flex-start !important;
}

body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__shell {
	gap: 18px;
}

body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__nav:not([hidden]) {
	width: 100%;
	margin-inline: 0;
	border-color: rgba(242, 193, 78, .34);
	background:
		radial-gradient(circle at 50% 0%, rgba(124, 55, 147, .18), transparent 55%),
		linear-gradient(180deg, rgba(39, 16, 53, .98), rgba(24, 9, 35, .98));
	box-shadow: 0 18px 38px rgba(7, 2, 13, .34), inset 0 1px 0 rgba(255, 244, 214, .055);
}

body.dbbc-route-portal .dbbc-mobile-hub__nav a {
	color: #d8cde0 !important;
	font-weight: 750;
	letter-spacing: -.01em;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

body.dbbc-route-portal .dbbc-mobile-hub__nav a:hover,
body.dbbc-route-portal .dbbc-mobile-hub__nav a:focus-visible {
	border-color: rgba(242, 193, 78, .27);
	background: rgba(104, 46, 127, .21);
	color: #fff1cf !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__nav a[aria-current="page"] {
	border-color: rgba(242, 193, 78, .72);
	background:
		radial-gradient(circle at 86% 0%, rgba(242, 193, 78, .16), transparent 48%),
		linear-gradient(135deg, #5b2a70, #361744 72%);
	box-shadow: 0 9px 21px rgba(11, 3, 18, .30), inset 0 1px 0 rgba(255, 244, 214, .09);
	color: #fff2d0 !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__nav a[aria-current="page"]::after {
	background: #f2c14e;
}

body.dbbc-route-portal .dbbc-mobile-hub__screen-heading,
body.dbbc-route-portal .dbbc-mobile-hub__screen-heading--points {
	min-height: 104px;
	padding: 21px 24px;
	border-color: rgba(242, 193, 78, .32);
	border-radius: 20px;
	background:
		radial-gradient(circle at 96% 0%, rgba(242, 193, 78, .14), transparent 44%),
		radial-gradient(circle at 4% 100%, rgba(130, 59, 153, .22), transparent 48%),
		linear-gradient(135deg, #271033, #3a194a 69%, #21102e);
	box-shadow: 0 15px 34px rgba(8, 2, 14, .30), inset 0 1px 0 rgba(255, 244, 214, .055);
}

body.dbbc-route-portal .dbbc-mobile-hub .dbbc-mobile-hub__screen-heading h1,
body.dbbc-route-portal .dbbc-mobile-hub .dbbc-mobile-hub__screen-heading h2 {
	color: #fff0cd !important;
	font-size: clamp(1.55rem, 2.7vw, 2.15rem);
	font-weight: 800;
	letter-spacing: -.04em;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__beer-panel,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile {
	border-color: rgba(242, 193, 78, .25) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(126, 58, 149, .17), transparent 25rem),
		linear-gradient(145deg, rgba(39, 17, 52, .97), rgba(25, 10, 36, .98)) !important;
	box-shadow: 0 17px 38px rgba(7, 2, 13, .27), inset 0 1px 0 rgba(255, 244, 214, .045);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel h2,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel h3,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel h4,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel h5,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-details__heading {
	color: #fff0cd !important;
	font-weight: 780;
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card {
	--dbbc-card-bg: #20102c !important;
	--dbbc-card-fg: #f7e9c8 !important;
	border-color: rgba(242, 193, 78, .49) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(242, 193, 78, .18), transparent 42%),
		radial-gradient(circle at 0% 100%, rgba(139, 64, 162, .26), transparent 50%),
		linear-gradient(145deg, #251031, #431d54 65%, #23102f) !important;
	box-shadow: 0 22px 46px rgba(8, 2, 14, .42), inset 0 1px 0 rgba(255, 244, 214, .08);
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__code {
	border-color: rgba(242, 193, 78, .30);
	background: rgba(18, 7, 27, .52);
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:first-child,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:nth-child(2),
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:nth-child(3),
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat--passport {
	border-color: rgba(242, 193, 78, .24);
	background:
		radial-gradient(circle at 96% 0%, rgba(242, 193, 78, .10), transparent 45%),
		linear-gradient(145deg, #2e173c, #1d0e29) !important;
	box-shadow: 0 12px 27px rgba(8, 2, 14, .25), inset 0 1px 0 rgba(255, 244, 214, .035);
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:first-child,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat--passport {
	border-color: rgba(242, 193, 78, .39);
	background:
		radial-gradient(circle at 95% 0%, rgba(242, 193, 78, .15), transparent 44%),
		radial-gradient(circle at 4% 100%, rgba(132, 59, 154, .20), transparent 50%),
		linear-gradient(135deg, #321640, #20102d) !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-taste-card,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__cover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-experience {
	border-color: rgba(242, 193, 78, .31) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(242, 193, 78, .13), transparent 42%),
		radial-gradient(circle at 4% 100%, rgba(127, 56, 151, .20), transparent 48%),
		linear-gradient(145deg, #2b1439, #1b0c27) !important;
	box-shadow: 0 18px 40px rgba(8, 2, 14, .31), inset 0 1px 0 rgba(255, 244, 214, .045);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__stamp,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-personal-list li,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__more,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-filter__empty,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__preference-unavailable {
	border-color: rgba(242, 193, 78, .21) !important;
	background: linear-gradient(145deg, #2a1537, #1b0c26) !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card__reason,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass__state,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story--stamp > div,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-account-security__unavailable,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-email-change-state {
	border-color: rgba(242, 193, 78, .20) !important;
	background: rgba(24, 9, 35, .72) !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__beer-tabs {
	border-color: rgba(242, 193, 78, .28);
	background: rgba(27, 10, 39, .91);
	box-shadow: 0 12px 28px rgba(8, 2, 14, .26);
}

body.dbbc-route-portal .dbbc-mobile-hub__beer-tabs a {
	color: #d6c9df !important;
	font-weight: 750;
}

body.dbbc-route-portal .dbbc-mobile-hub__beer-tabs a[aria-current="page"] {
	border-color: rgba(242, 193, 78, .58);
	background: linear-gradient(135deg, #5b2a70, #351743);
	color: #fff0cd !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-field input,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-password-field {
	min-height: 52px;
	border-color: rgba(242, 193, 78, .44) !important;
	border-radius: 13px;
	background: rgba(20, 7, 30, .78) !important;
	color: #f7e9c8 !important;
	font-size: .96rem;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-field input[readonly] {
	background: rgba(45, 23, 58, .74) !important;
	color: #c9bcd3 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-field input:focus {
	border-color: #f2c14e !important;
	box-shadow: 0 0 0 4px rgba(242, 193, 78, .13);
	outline: none;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-button--primary,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-member-card__show-code,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-dialog__save {
	border-color: #f7d878 !important;
	background: linear-gradient(135deg, #f6d36e, #dcae39) !important;
	box-shadow: 0 12px 26px rgba(10, 3, 16, .28), inset 0 1px 0 rgba(255, 255, 255, .28);
	color: #1a0b20 !important;
	font-weight: 800;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-button--primary:hover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-member-card__show-code:hover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-dialog__save:hover {
	background: linear-gradient(135deg, #ffe08d, #e9bc4c) !important;
	transform: translateY(-1px);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-button--secondary,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-button--ghost,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-more {
	border-color: rgba(242, 193, 78, .41) !important;
	background: rgba(72, 31, 89, .54) !important;
	color: #f5dfaa !important;
	font-weight: 750;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-button--secondary:hover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-button--ghost:hover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-more:hover {
	border-color: rgba(242, 193, 78, .68) !important;
	background: rgba(93, 41, 113, .72) !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-security__status,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-tier-pill,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-stat__icon {
	border-color: rgba(242, 193, 78, .28);
	background: rgba(242, 193, 78, .10);
	color: #f6d781 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-progress {
	border-color: rgba(242, 193, 78, .18);
	background: rgba(15, 6, 22, .58);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-row {
	border-color: rgba(242, 193, 78, .15);
}

body.dbbc-route-portal .dbbc-mobile-hub .dbbc-form__row {
	align-items: start;
}

body.dbbc-route-portal .dbbc-mobile-hub .dbbc-field {
	align-content: start;
	grid-auto-rows: max-content;
}

body.dbbc-route-portal .dbbc-mobile-hub .dbbc-passport-delight__grid {
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

body.dbbc-route-portal .dbbc-site-footer-river {
	margin-top: 12px;
}

@media (min-width: 700px) {
	body.dbbc-route-portal.dbbc-mobile-hub-active .dbbc-application-frame {
		padding-bottom: 0;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__nav:not([hidden]) {
		backdrop-filter: blur(14px);
	}
}

@media (min-width: 1100px) {
	body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub {
		padding: 18px;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__shell {
		grid-template-columns: 206px minmax(0, 1fr);
		gap: 20px;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__nav:not([hidden]) {
		padding: 10px;
		border-radius: 20px;
	}

	body.dbbc-route-portal .dbbc-mobile-hub__nav a {
		min-height: 56px;
		padding-inline: 14px;
		border-radius: 14px;
		font-size: .84rem;
	}
}

@media (min-width: 700px) and (max-width: 1099px) {
	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__shell {
		grid-template-areas: "nav" "main";
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__nav:not([hidden]) {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		padding: 7px;
	}

	body.dbbc-route-portal .dbbc-mobile-hub__nav a {
		flex-direction: row;
		justify-content: center;
		padding-inline: 12px;
		text-align: center;
	}

	body.dbbc-route-portal .dbbc-mobile-hub__nav a[aria-current="page"]::after {
		top: auto;
		bottom: 3px;
		left: 28%;
		right: 28%;
		width: auto;
		height: 3px;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__beer-tabs {
		top: calc(var(--dbbc-hub-nav-height) + 24px);
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__screen {
		scroll-margin-top: calc(var(--dbbc-hub-nav-height) + 24px);
	}
}

@media (max-width: 699px) {
	body.dbbc-route-portal .dbbc-application-frame {
		padding-top: 14px;
	}

	body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub {
		padding: 9px;
		border-radius: 22px;
	}

	body.dbbc-route-portal .dbbc-mobile-hub__app-bar.dbbc-portal-header {
		min-height: 66px;
		padding: 10px 11px;
		border-radius: 17px;
	}

	body.dbbc-route-portal .dbbc-mobile-hub__screen-heading,
	body.dbbc-route-portal .dbbc-mobile-hub__screen-heading--points {
		min-height: 92px;
		padding: 18px;
		border-radius: 17px;
	}

	body.dbbc-route-portal .dbbc-mobile-hub .dbbc-mobile-hub__screen-heading h1,
	body.dbbc-route-portal .dbbc-mobile-hub .dbbc-mobile-hub__screen-heading h2 {
		font-size: clamp(1.42rem, 7.4vw, 1.86rem);
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__nav:not([hidden]) {
		border-radius: 18px;
		background: rgba(35, 14, 48, .96);
		backdrop-filter: blur(16px);
	}
}

@media (max-width: 430px) {
	body.dbbc-route-portal .dbbc-mobile-hub__nav a {
		font-size: .75rem;
	}

	body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card,
	body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel,
	body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__beer-panel,
	body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile {
		border-radius: 17px;
	}
}

@media (max-width: 359px) {
	body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:first-child,
	body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat--passport {
		grid-column: auto;
	}
}

/*
 * Member Portal v4 — restrained footer/login palette.
 * The redundant Beer Club brand bar is removed; the four Portal destinations
 * take its place as a full-width navigation rail on tablet and desktop.
 */
body.dbbc-route-portal.dbbc-mobile-hub-active {
	background:
		radial-gradient(circle at 10% -8%, rgba(87, 36, 118, .13), transparent 36rem),
		radial-gradient(circle at 90% 28%, rgba(24, 79, 117, .10), transparent 34rem),
		linear-gradient(180deg, #190b29 0%, #13081f 52%, #0e0717 100%);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub {
	--dbbc-hub-ink: #0c0810;
	--dbbc-hub-purple: #17101d;
	--dbbc-hub-plum: #211629;
	--dbbc-hub-paper: #111015;
	--dbbc-hub-lavender: #18141d;
	--dbbc-signature-bg: #08080b;
	--dbbc-signature-surface: #111015;
	--dbbc-signature-surface-raised: #18141d;
	--dbbc-signature-surface-plum: #211629;
	--dbbc-signature-line: rgba(215, 179, 93, .20);
	--dbbc-signature-line-strong: rgba(215, 179, 93, .40);
	--dbbc-signature-text: #f6f0e4;
	--dbbc-signature-muted: #bdb4c2;
	--dbbc-gold: #d7b35d;
	--dbbc-gold-soft: #e4c676;
	--dbbc-cream: #f6f0e4;
	--dbbc-muted: #bdb4c2;
	--dbbc-on-light: #f6f0e4;
	--dbbc-on-light-muted: #bdb4c2;
	--dbbc-on-light-accent: #e1c16f;
	--dbbc-control-border: rgba(215, 179, 93, .40);
	--dbbc-focus: #efd68f;
	--dbbc-line: rgba(215, 179, 93, .18);
	border-color: rgba(215, 179, 93, .28);
	background:
		radial-gradient(circle at 8% 0%, rgba(87, 36, 118, .10), transparent 30rem),
		radial-gradient(circle at 92% 30%, rgba(24, 79, 117, .08), transparent 30rem),
		linear-gradient(135deg, #09050e 0%, #12091a 48%, #071323 100%);
	box-shadow:
		0 28px 70px rgba(3, 1, 7, .48),
		inset 0 1px 0 rgba(255, 244, 214, .055);
}

body.dbbc-route-portal .dbbc-mobile-hub__app-bar.dbbc-portal-header {
	display: none !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__main.dbbc-portal-main {
	margin-top: 0;
}

body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__nav:not([hidden]) {
	border-color: rgba(215, 179, 93, .31);
	background:
		radial-gradient(circle at 18% 0%, rgba(87, 36, 118, .10), transparent 42%),
		radial-gradient(circle at 86% 0%, rgba(24, 79, 117, .08), transparent 38%),
		linear-gradient(90deg, rgba(8, 4, 13, .98), rgba(16, 7, 27, .98) 46%, rgba(5, 18, 32, .98));
	box-shadow: 0 14px 32px rgba(2, 1, 5, .34), inset 0 1px 0 rgba(255, 244, 214, .045);
}

body.dbbc-route-portal .dbbc-mobile-hub__nav a {
	color: #c9c0ca !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__nav a:hover,
body.dbbc-route-portal .dbbc-mobile-hub__nav a:focus-visible {
	border-color: rgba(215, 179, 93, .26);
	background: rgba(215, 179, 93, .075);
	color: #f6f0e4 !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__nav a[aria-current="page"] {
	border-color: #e6cf8b;
	background:
		linear-gradient(145deg, #e4c676, #b88932) !important;
	box-shadow: 0 8px 18px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .23);
	color: #0d0911 !important;
	text-shadow: none;
}

body.dbbc-route-portal .dbbc-mobile-hub__nav a[aria-current="page"]::after {
	background: #17101d;
}

body.dbbc-route-portal .dbbc-mobile-hub__screen-heading,
body.dbbc-route-portal .dbbc-mobile-hub__screen-heading--points {
	border-color: rgba(215, 179, 93, .27);
	background:
		radial-gradient(circle at 92% 0%, rgba(215, 179, 93, .075), transparent 42%),
		radial-gradient(circle at 8% 100%, rgba(87, 36, 118, .09), transparent 46%),
		linear-gradient(135deg, #100918, #17101d 66%, #071523);
	box-shadow: 0 15px 34px rgba(3, 1, 7, .30), inset 0 1px 0 rgba(255, 244, 214, .035);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__beer-panel,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile {
	border-color: rgba(215, 179, 93, .20) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(87, 36, 118, .065), transparent 24rem),
		linear-gradient(145deg, #151019, #0b0910) !important;
	box-shadow: 0 16px 36px rgba(3, 1, 7, .26), inset 0 1px 0 rgba(255, 244, 214, .025);
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card {
	--dbbc-card-bg: #111015 !important;
	--dbbc-card-fg: #f6f0e4 !important;
	border-color: rgba(215, 179, 93, .35) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(215, 179, 93, .09), transparent 42%),
		radial-gradient(circle at 0% 100%, rgba(87, 36, 118, .09), transparent 50%),
		linear-gradient(145deg, #17101d, #0d0a12 66%, #071321) !important;
	box-shadow: 0 20px 42px rgba(3, 1, 7, .38), inset 0 1px 0 rgba(255, 244, 214, .045);
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__code {
	border-color: rgba(215, 179, 93, .25);
	background: rgba(5, 4, 8, .58);
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:first-child,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:nth-child(2),
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:nth-child(3),
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat--passport {
	border-color: rgba(215, 179, 93, .19);
	background:
		radial-gradient(circle at 96% 0%, rgba(215, 179, 93, .055), transparent 44%),
		linear-gradient(145deg, #151119, #0a0910) !important;
	box-shadow: 0 11px 25px rgba(3, 1, 7, .24), inset 0 1px 0 rgba(255, 244, 214, .02);
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:first-child,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat--passport {
	border-color: rgba(215, 179, 93, .29);
	background:
		radial-gradient(circle at 94% 0%, rgba(215, 179, 93, .075), transparent 44%),
		linear-gradient(135deg, #17111c, #0b0a10 72%, #07131f) !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-taste-card,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__cover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-experience {
	border-color: rgba(215, 179, 93, .24) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(215, 179, 93, .075), transparent 42%),
		radial-gradient(circle at 4% 100%, rgba(87, 36, 118, .075), transparent 48%),
		linear-gradient(145deg, #161019, #0b0910) !important;
	box-shadow: 0 17px 38px rgba(3, 1, 7, .28), inset 0 1px 0 rgba(255, 244, 214, .025);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__stamp,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-personal-list li,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__more,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-filter__empty,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__preference-unavailable {
	border-color: rgba(215, 179, 93, .18) !important;
	background: linear-gradient(145deg, #151119, #0b0910) !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card__reason,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass__state,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story--stamp > div,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-account-security__unavailable,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-email-change-state {
	border-color: rgba(215, 179, 93, .18) !important;
	background: rgba(7, 5, 10, .62) !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__beer-tabs {
	border-color: rgba(215, 179, 93, .24);
	background: rgba(7, 5, 10, .90);
	box-shadow: 0 11px 26px rgba(3, 1, 7, .25);
}

body.dbbc-route-portal .dbbc-mobile-hub__beer-tabs a {
	color: #c9c0ca !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__beer-tabs a[aria-current="page"] {
	border-color: #e6cf8b;
	background: linear-gradient(145deg, #e4c676, #b88932) !important;
	color: #0d0911 !important;
	text-shadow: none;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-field input,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-password-field {
	border-color: rgba(215, 179, 93, .38) !important;
	background: rgba(6, 5, 9, .72) !important;
	color: #f6f0e4 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-field input[readonly] {
	background: rgba(24, 20, 29, .78) !important;
	color: #bdb4c2 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-button:not(.dbbc-staff-card-dialog__close),
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-member-card__copy,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-member-card__show-code {
	border-color: #ead695 !important;
	background: linear-gradient(145deg, #e4c676, #b88932) !important;
	box-shadow: 0 10px 22px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .22);
	color: #0d0911 !important;
	font-weight: 800;
	text-shadow: none;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-button:not(.dbbc-staff-card-dialog__close):hover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-member-card__copy:hover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-member-card__show-code:hover {
	border-color: #f1dfa7 !important;
	background: linear-gradient(145deg, #ead18a, #c4973d) !important;
	color: #0d0911 !important;
	transform: translateY(-1px);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-button:not(.dbbc-staff-card-dialog__close):disabled,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-member-card__copy:disabled,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-member-card__show-code:disabled {
	opacity: .56;
	transform: none;
}

/* Keep the destructive action visually distinct from the gold CTA family. */
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__logout .dbbc-button {
	border-color: rgba(239, 154, 170, .46) !important;
	background: rgba(18, 10, 17, .82) !important;
	box-shadow: none;
	color: #ef9aaa !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__logout .dbbc-button:hover {
	border-color: rgba(239, 154, 170, .72) !important;
	background: rgba(73, 25, 39, .30) !important;
	color: #ffc0ca !important;
}

@media (min-width: 700px) {
	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__shell {
		display: grid;
		grid-template-areas: "nav" "main";
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__nav:not([hidden]) {
		grid-area: nav;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		width: 100%;
		padding: 7px;
		border-radius: 18px;
		position: sticky;
		top: 12px;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__main {
		grid-area: main;
	}

	body.dbbc-route-portal .dbbc-mobile-hub__nav a {
		min-height: 52px;
		padding-inline: 12px;
		border-radius: 13px;
		flex-direction: row;
		justify-content: center;
		text-align: center;
		font-size: .86rem;
	}

	body.dbbc-route-portal .dbbc-mobile-hub__nav a[aria-current="page"]::after {
		top: auto;
		bottom: 3px;
		left: 34%;
		right: 34%;
		width: auto;
		height: 3px;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__beer-tabs {
		top: calc(var(--dbbc-hub-nav-height) + 18px);
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__screen {
		scroll-margin-top: calc(var(--dbbc-hub-nav-height) + 18px);
	}
}

@media (max-width: 699px) {
	body.dbbc-route-portal.dbbc-mobile-hub-active .dbbc-application-frame {
		padding-bottom: 0 !important;
	}

	body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub--enhanced {
		padding-bottom: 9px !important;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__shell {
		display: grid;
		grid-template-areas: "nav" "main";
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__nav:not([hidden]) {
		grid-area: nav;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		position: sticky;
		top: 8px;
		right: auto;
		bottom: auto;
		left: auto;
		z-index: 60;
		width: 100%;
		max-width: none;
		min-height: 0;
		margin-inline: 0;
		padding: 5px;
		border-radius: 15px;
		background:
			linear-gradient(90deg, rgba(8, 4, 13, .98), rgba(16, 7, 27, .98) 50%, rgba(5, 18, 32, .98));
		backdrop-filter: blur(16px);
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__main {
		grid-area: main;
	}

	body.dbbc-route-portal .dbbc-mobile-hub__nav a {
		min-height: 54px;
		padding: 5px 3px;
		border-radius: 11px;
		flex-direction: column;
		justify-content: center;
		gap: 3px;
		font-size: .75rem;
		text-align: center;
	}

	body.dbbc-route-portal .dbbc-mobile-hub__nav svg {
		width: 19px;
		height: 19px;
		flex-basis: 19px;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__beer-tabs {
		top: calc(var(--dbbc-hub-nav-height) + 10px);
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__screen {
		scroll-margin-top: calc(var(--dbbc-hub-nav-height) + 10px);
	}
}

body.dbbc-route-portal .dbbc-mobile-hub__nav a[aria-current="page"]::after {
	display: none;
}

/*
 * Member Portal v5 — login-page colour language.
 * Deep plum/teal framing, warm ivory content surfaces and gold actions mirror
 * the signed-out Beer Club experience while preserving Portal functionality.
 */
body.dbbc-route-portal.dbbc-mobile-hub-active {
	background:
		radial-gradient(circle at 8% 0%, rgba(91, 42, 113, .18), transparent 34rem),
		radial-gradient(circle at 92% 34%, rgba(18, 71, 101, .12), transparent 32rem),
		#1b0d2d;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub {
	--dbbc-portal-ivory: #fffaf0;
	--dbbc-portal-ivory-soft: #f7efe2;
	--dbbc-portal-ink: #14091d;
	--dbbc-portal-ink-soft: #35233d;
	--dbbc-portal-muted-dark: #716575;
	--dbbc-portal-light-line: rgba(20, 9, 29, .15);
	--dbbc-gold: #f2c14e;
	--dbbc-gold-soft: #ffdc82;
	border-color: rgba(242, 193, 78, .18);
	background:
		radial-gradient(circle at 8% 12%, rgba(242, 193, 78, .16), transparent 27%),
		radial-gradient(circle at 92% 88%, rgba(43, 102, 116, .23), transparent 34%),
		linear-gradient(135deg, #120817 0%, #25112f 52%, #071a23 100%);
	box-shadow: 0 28px 70px rgba(20, 9, 29, .25), inset 0 1px 0 rgba(255, 255, 255, .055);
}

body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__nav:not([hidden]) {
	border-color: rgba(242, 193, 78, .26);
	background:
		radial-gradient(circle at 12% 0%, rgba(242, 193, 78, .055), transparent 42%),
		linear-gradient(100deg, rgba(14, 6, 20, .97), rgba(26, 11, 34, .97) 56%, rgba(6, 23, 35, .96));
	box-shadow: 0 13px 30px rgba(12, 5, 18, .26), inset 0 1px 0 rgba(255, 255, 255, .045);
}

body.dbbc-route-portal .dbbc-mobile-hub__nav a[aria-current="page"],
body.dbbc-route-portal .dbbc-mobile-hub__beer-tabs a[aria-current="page"] {
	border-color: #f4d373;
	background: linear-gradient(135deg, #f2c14e, #ffdc82) !important;
	box-shadow: 0 9px 22px rgba(196, 143, 26, .20), inset 0 1px 0 rgba(255, 255, 255, .28);
	color: #14091d !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__screen-heading,
body.dbbc-route-portal .dbbc-mobile-hub__screen-heading--points {
	border-color: rgba(242, 193, 78, .20);
	background:
		radial-gradient(circle at 8% 12%, rgba(242, 193, 78, .12), transparent 32%),
		radial-gradient(circle at 92% 88%, rgba(43, 102, 116, .16), transparent 36%),
		linear-gradient(135deg, #120817 0%, #25112f 58%, #071a23 100%);
	box-shadow: 0 16px 36px rgba(20, 9, 29, .20);
}

/* Warm light surfaces inherit dark text variables, including late 0.13.8 rules. */
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__beer-panel,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-taste-card,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__cover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-experience,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__stamp,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-personal-list li,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__more,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-filter__empty,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__preference-unavailable {
	--dbbc-signature-text: var(--dbbc-portal-ink);
	--dbbc-signature-muted: var(--dbbc-portal-muted-dark);
	--dbbc-on-light: var(--dbbc-portal-ink);
	--dbbc-on-light-muted: var(--dbbc-portal-muted-dark);
	--dbbc-on-light-accent: #8b6514;
	--dbbc-card-fg: var(--dbbc-portal-ink) !important;
	color: var(--dbbc-portal-ink) !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__beer-panel,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile {
	border-color: rgba(255, 255, 255, .65) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(242, 193, 78, .08), transparent 23rem),
		linear-gradient(145deg, #fffaf0, #f7efe2) !important;
	box-shadow: 0 22px 55px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .58);
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card {
	--dbbc-card-bg: #fffaf0 !important;
	--dbbc-card-fg: #14091d !important;
	border-color: rgba(255, 255, 255, .68) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(242, 193, 78, .11), transparent 42%),
		radial-gradient(circle at 0% 100%, rgba(43, 102, 116, .075), transparent 50%),
		linear-gradient(145deg, #fffaf0, #f5ead8) !important;
	box-shadow: 0 22px 55px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .65);
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__identity,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__identity > strong,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__joined,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__joined strong {
	color: #14091d !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__identity > span,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__joined > span {
	color: #716575 !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__code {
	--dbbc-signature-text: #f7e9c8;
	--dbbc-signature-muted: #cfc1dc;
	border-color: rgba(242, 193, 78, .35);
	background:
		radial-gradient(circle at 100% 0%, rgba(242, 193, 78, .075), transparent 44%),
		linear-gradient(135deg, #1c0b25, #0b1822);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
	color: #f7e9c8 !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__code :where(small, strong, span, p) {
	color: #f7e9c8 !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:first-child,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:nth-child(2),
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:nth-child(3),
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat--passport {
	border-color: rgba(20, 9, 29, .12);
	background:
		radial-gradient(circle at 96% 0%, rgba(242, 193, 78, .09), transparent 44%),
		linear-gradient(145deg, #fffaf0, #f5ecde) !important;
	box-shadow: 0 12px 28px rgba(20, 9, 29, .12), inset 0 1px 0 rgba(255, 255, 255, .58);
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat--passport {
	background:
		radial-gradient(circle at 94% 0%, rgba(242, 193, 78, .12), transparent 44%),
		radial-gradient(circle at 4% 100%, rgba(43, 102, 116, .08), transparent 46%),
		linear-gradient(135deg, #fffaf0, #eef2ea) !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-stat strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-stat:first-child strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__summary dd {
	color: #14091d !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-stat__label,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-stat small,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel__heading > span:not(.dbbc-tier-pill),
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel__note,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-row small,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-panel .dbbc-field__help {
	color: #716575 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel h2,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel h3,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel h4,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel h5,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-row strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-row b,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-details__heading,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-panel .dbbc-field label,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-benefit-list li,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-panel .dbbc-check,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-panel .dbbc-check > span {
	color: #14091d !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel .dbbc-eyebrow,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-stat__link,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__stamp-status,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__preference,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-security__status {
	color: #8b6514 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-tier-pill,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-stat__icon,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-empty-state > span,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-delight__icon {
	border-color: rgba(139, 101, 20, .22);
	background: rgba(242, 193, 78, .16);
	color: #7b5609 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-taste-card,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__cover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-experience {
	border-color: rgba(20, 9, 29, .13) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(242, 193, 78, .09), transparent 42%),
		linear-gradient(145deg, #fffaf0, #f4eadb) !important;
	box-shadow: 0 16px 38px rgba(20, 9, 29, .13), inset 0 1px 0 rgba(255, 255, 255, .52);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__stamp,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-personal-list li,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__more,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-filter__empty,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__preference-unavailable,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card__reason,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass__state,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story--stamp > div {
	border-color: rgba(20, 9, 29, .13) !important;
	background: #f7efe2 !important;
	color: #14091d !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass__heading h4,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card h5,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card__facts strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card__reason strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass__state p,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story > div > strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story__facts b,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__brand strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__identity h2,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__stamp-copy strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-delight__card h4,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-personal-list li {
	color: #14091d !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card__reason p,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card__facts span,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story__facts span,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass__note,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story > div,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story > div p,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-serving-status small,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__brand small,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__identity > p:last-child {
	color: #716575 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-account-security__unavailable,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-email-change-state,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-security__content {
	border-color: rgba(20, 9, 29, .13) !important;
	border-left-color: #d7a63a !important;
	background: #f4eadb !important;
	color: #14091d !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-account-security__header h3,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-security__summary,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-security__title,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-account-security__unavailable,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-email-change-state {
	color: #14091d !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-field input,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-password-field {
	border-color: rgba(20, 9, 29, .27) !important;
	background: #fffdf8 !important;
	color: #14091d !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-field input[readonly] {
	border-color: rgba(20, 9, 29, .14) !important;
	background: #eee5d8 !important;
	color: #716575 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-field input:focus {
	border-color: #d7a63a !important;
	box-shadow: 0 0 0 4px rgba(242, 193, 78, .20);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-progress {
	border-color: rgba(20, 9, 29, .10);
	background: #ded4c4;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-row {
	border-color: rgba(20, 9, 29, .12);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-button:not(.dbbc-staff-card-dialog__close),
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-member-card__copy,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-member-card__show-code {
	border-color: transparent !important;
	background: linear-gradient(135deg, #f2c14e, #ffdc82) !important;
	box-shadow: 0 9px 22px rgba(196, 143, 26, .20), inset 0 1px 0 rgba(255, 255, 255, .28);
	color: #14091d !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-button:not(.dbbc-staff-card-dialog__close):hover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-member-card__copy:hover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-member-card__show-code:hover {
	background: linear-gradient(135deg, #f7ce67, #ffe29a) !important;
}

/* Logout remains a destructive action instead of becoming a gold CTA. */
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__logout .dbbc-button {
	border-color: rgba(178, 59, 81, .38) !important;
	background: rgba(178, 59, 81, .075) !important;
	box-shadow: none;
	color: #a43149 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__logout .dbbc-button:hover {
	border-color: rgba(178, 59, 81, .62) !important;
	background: rgba(178, 59, 81, .13) !important;
	color: #8e243c !important;
}

/* Mobile: restore the native bottom destination bar and safe-area spacing. */
@media (max-width: 699px) {
	body.dbbc-route-portal.dbbc-mobile-hub-active {
		--dbbc-mobile-nav-clearance: calc(82px + max(8px, env(safe-area-inset-bottom)));
	}

	body.dbbc-route-portal.dbbc-mobile-hub-active .dbbc-application-frame {
		padding-bottom: 0 !important;
	}

	body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub--enhanced {
		padding-bottom: calc(var(--dbbc-hub-nav-height) + env(safe-area-inset-bottom) + 18px) !important;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__shell {
		display: block !important;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__nav:not([hidden]) {
		grid-area: auto;
		position: fixed !important;
		top: auto !important;
		right: max(8px, env(safe-area-inset-right)) !important;
		bottom: max(8px, env(safe-area-inset-bottom)) !important;
		left: max(8px, env(safe-area-inset-left)) !important;
		z-index: 99980;
		width: auto !important;
		max-width: 520px !important;
		min-height: 64px;
		margin-inline: auto;
		padding: 5px;
		border-radius: 18px;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		background:
			linear-gradient(100deg, rgba(14, 6, 20, .97), rgba(26, 11, 34, .97) 56%, rgba(6, 23, 35, .96));
		backdrop-filter: blur(16px);
	}

	body.dbbc-route-portal .dbbc-mobile-hub__nav a {
		min-height: 54px;
		padding: 5px 3px;
		border-radius: 13px;
		flex-direction: column;
		justify-content: center;
		gap: 3px;
		font-size: .75rem;
		text-align: center;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__main {
		grid-area: auto;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__beer-tabs {
		top: 8px !important;
	}

	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__screen {
		scroll-margin-top: 14px !important;
		scroll-margin-bottom: calc(var(--dbbc-hub-nav-height, 64px) + env(safe-area-inset-bottom) + 22px) !important;
	}

	body.dbbc-route-portal.dbbc-mobile-hub-active .dbbc-site-footer-river {
		padding-bottom: var(--dbbc-mobile-nav-clearance) !important;
	}
}

@media (min-width: 700px) {
	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__screen {
		scroll-margin-bottom: 14px;
	}
}

/*
 * Member Portal v6 — deep plum content surfaces.
 * Replaces the bright ivory cards with layered purple surfaces while keeping
 * warm cream typography and gold actions for clear hierarchy and contrast.
 */
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub {
	--dbbc-portal-ivory: #21102e;
	--dbbc-portal-ivory-soft: #180b24;
	--dbbc-portal-ink: #fff3d6;
	--dbbc-portal-ink-soft: #f7e9c8;
	--dbbc-portal-muted-dark: #cfc1dc;
	--dbbc-portal-light-line: rgba(242, 193, 78, .24);
	color-scheme: dark;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__beer-panel,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile {
	--dbbc-signature-text: #fff3d6;
	--dbbc-signature-muted: #cfc1dc;
	--dbbc-on-light: #fff3d6;
	--dbbc-on-light-muted: #cfc1dc;
	--dbbc-on-light-accent: #f2c14e;
	border-color: rgba(242, 193, 78, .24) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(242, 193, 78, .075), transparent 23rem),
		radial-gradient(circle at 0% 100%, rgba(43, 102, 116, .12), transparent 28rem),
		linear-gradient(145deg, #2a1538, #180b24) !important;
	box-shadow: 0 22px 55px rgba(5, 2, 10, .32), inset 0 1px 0 rgba(255, 255, 255, .055);
	color: #f7e9c8 !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card {
	--dbbc-card-bg: #2a1538 !important;
	--dbbc-card-fg: #fff3d6 !important;
	--dbbc-signature-text: #fff3d6;
	--dbbc-signature-muted: #cfc1dc;
	border-color: rgba(242, 193, 78, .27) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(242, 193, 78, .12), transparent 42%),
		radial-gradient(circle at 0% 100%, rgba(43, 102, 116, .14), transparent 50%),
		linear-gradient(145deg, #321a42, #21102e) !important;
	box-shadow: 0 22px 55px rgba(5, 2, 10, .34), inset 0 1px 0 rgba(255, 255, 255, .06);
	color: #fff3d6 !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__identity,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__identity > strong,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__joined,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__joined strong {
	color: #fff3d6 !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__identity > span,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-member-card__joined > span {
	color: #cfc1dc !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:first-child,
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:nth-child(2),
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat:nth-child(3),
body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat--passport {
	--dbbc-signature-text: #fff3d6;
	--dbbc-signature-muted: #cfc1dc;
	--dbbc-on-light: #fff3d6;
	--dbbc-on-light-muted: #cfc1dc;
	--dbbc-card-fg: #fff3d6 !important;
	border-color: rgba(242, 193, 78, .20) !important;
	background:
		radial-gradient(circle at 96% 0%, rgba(242, 193, 78, .10), transparent 44%),
		linear-gradient(145deg, #2a1538, #1c0d29) !important;
	box-shadow: 0 12px 28px rgba(5, 2, 10, .28), inset 0 1px 0 rgba(255, 255, 255, .045);
	color: #fff3d6 !important;
}

body.dbbc-route-portal .dbbc-mobile-hub__screen--card .dbbc-stat--passport {
	background:
		radial-gradient(circle at 94% 0%, rgba(242, 193, 78, .13), transparent 44%),
		radial-gradient(circle at 4% 100%, rgba(43, 102, 116, .18), transparent 46%),
		linear-gradient(135deg, #2b173b, #14222e) !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-stat strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-stat:first-child strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__summary dd,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel h2,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel h3,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel h4,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel h5,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-row strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-row b,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-details__heading,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-panel .dbbc-field label,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-benefit-list li,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-panel .dbbc-check,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-panel .dbbc-check > span {
	color: #fff3d6 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-stat__label,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-stat small,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel__heading > span:not(.dbbc-tier-pill),
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel__note,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-row small,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-panel .dbbc-field__help {
	color: #cfc1dc !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-panel .dbbc-eyebrow,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-stat__link,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__stamp-status,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__preference,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-security__status {
	color: #f2c14e !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-tier-pill,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-stat__icon,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-empty-state > span,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-delight__icon {
	border-color: rgba(242, 193, 78, .30) !important;
	background: rgba(242, 193, 78, .12) !important;
	color: #ffdc82 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-taste-card,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__cover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-experience {
	--dbbc-signature-text: #fff3d6;
	--dbbc-signature-muted: #cfc1dc;
	--dbbc-on-light: #fff3d6;
	--dbbc-on-light-muted: #cfc1dc;
	--dbbc-card-fg: #fff3d6 !important;
	border-color: rgba(242, 193, 78, .22) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(242, 193, 78, .10), transparent 42%),
		linear-gradient(145deg, #2a1538, #1b0c27) !important;
	box-shadow: 0 16px 38px rgba(5, 2, 10, .30), inset 0 1px 0 rgba(255, 255, 255, .045);
	color: #f7e9c8 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__stamp,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-personal-list li,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__more,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-filter__empty,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__preference-unavailable,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card__reason,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass__state,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card__facts li,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story__facts li,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story--stamp > div {
	border-color: rgba(242, 193, 78, .18) !important;
	background: #24122f !important;
	color: #f7e9c8 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass__heading h4,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card h5,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card__facts strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card__reason strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass__state p,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story > div > strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story__facts b,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__brand strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__identity h2,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__stamp-copy strong,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-delight__card h4,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport-personal-list li {
	color: #fff3d6 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card__reason p,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass-card__facts span,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story__facts span,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-next-glass__note,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story > div,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-beer-story > div p,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-serving-status small,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__brand small,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-passport__identity > p:last-child {
	color: #cfc1dc !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-account-security__unavailable,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-email-change-state,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-security__content {
	border-color: rgba(242, 193, 78, .20) !important;
	border-left-color: #f2c14e !important;
	background: #24122f !important;
	color: #f7e9c8 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-account-security__header h3,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-security__summary,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-profile-security__title,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-account-security__unavailable,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-email-change-state {
	color: #fff3d6 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-field input,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-password-field,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub select,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub textarea {
	border-color: rgba(242, 193, 78, .28) !important;
	background: #1d0e29 !important;
	color: #fff3d6 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-field input[readonly] {
	border-color: rgba(242, 193, 78, .15) !important;
	background: #160a22 !important;
	color: #bcaec8 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub input::placeholder,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub textarea::placeholder {
	color: #a99bb5 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub input:-webkit-autofill,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub input:-webkit-autofill:hover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub input:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff3d6 !important;
	box-shadow: 0 0 0 1000px #1d0e29 inset !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__screen--profile .dbbc-field input:focus,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub select:focus,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub textarea:focus {
	border-color: #f2c14e !important;
	box-shadow: 0 0 0 4px rgba(242, 193, 78, .16) !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-progress {
	border-color: rgba(242, 193, 78, .16) !important;
	background: #160a22 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-row {
	border-color: rgba(242, 193, 78, .18) !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__logout .dbbc-button {
	border-color: rgba(242, 162, 179, .42) !important;
	background: rgba(178, 59, 81, .14) !important;
	color: #f2a2b3 !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__logout .dbbc-button:hover {
	border-color: rgba(255, 185, 199, .64) !important;
	background: rgba(178, 59, 81, .22) !important;
	color: #ffb9c7 !important;
}

/* Member Portal v7 — points action clarity and plum-black lower framing. */
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub {
	border-color: rgba(242, 193, 78, .32) !important;
	background:
		radial-gradient(circle at 8% 12%, rgba(242, 193, 78, .15), transparent 28%),
		radial-gradient(circle at 92% 88%, rgba(102, 43, 126, .22), transparent 36%),
		linear-gradient(135deg, #15091d 0%, #25112f 55%, #0a040e 100%) !important;
	box-shadow:
		0 28px 70px rgba(8, 3, 13, .34),
		0 0 0 1px rgba(242, 193, 78, .055),
		inset 0 1px 0 rgba(255, 224, 142, .08);
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-more,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-more:hover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-more:focus,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-more:focus-visible,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-history-more[aria-expanded="true"] {
	opacity: 1 !important;
	color: #14091d !important;
	-webkit-text-fill-color: #14091d !important;
	font-weight: 800;
	text-shadow: none !important;
}

@media (max-width: 699px) {
	body.dbbc-route-portal .dbbc-mobile-hub--enhanced .dbbc-mobile-hub__nav:not([hidden]) {
		border-color: rgba(242, 193, 78, .34) !important;
		background:
			radial-gradient(circle at 12% 0%, rgba(242, 193, 78, .065), transparent 42%),
			linear-gradient(105deg, rgba(20, 8, 27, .98), rgba(37, 16, 47, .98) 56%, rgba(10, 4, 14, .98)) !important;
	}
}

/* Member Portal v8 — Beer Passport reveal action. */
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__passport-more,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__passport-more[aria-expanded="true"] {
	opacity: 1 !important;
	border: 1px solid rgba(255, 226, 151, .58) !important;
	background: linear-gradient(135deg, #f2c14e, #ffdc82) !important;
	box-shadow: 0 9px 22px rgba(196, 143, 26, .22), inset 0 1px 0 rgba(255, 255, 255, .30);
	color: #14091d !important;
	-webkit-text-fill-color: #14091d !important;
	font-weight: 800;
	text-shadow: none !important;
}

body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__passport-more:hover,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__passport-more:focus,
body.dbbc-route-portal .dbbc.dbbc-portal.dbbc-mobile-hub .dbbc-mobile-hub__passport-more:focus-visible {
	border-color: #ffe39a !important;
	background: linear-gradient(135deg, #f7ce67, #ffe29a) !important;
	color: #14091d !important;
	-webkit-text-fill-color: #14091d !important;
	box-shadow: 0 10px 24px rgba(196, 143, 26, .27), 0 0 0 3px rgba(242, 193, 78, .12);
}