.bwcf-app,
.bwcf-popup {
	box-sizing: border-box;
	font-family: inherit;
}

.bwcf-app *,
.bwcf-popup * {
	box-sizing: border-box;
}

.bwcf-app {
	width: 100%;
	max-width: var(--bwcf-width, 820px);
	margin: 36px auto;
	color: var(--bwcf-text, #334155);
}

.bwcf-card {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: var(--bwcf-radius, 20px);
	box-shadow: 0 24px 70px rgba(15, 23, 42, .1);
	overflow: hidden;
}

.bwcf-header {
	position: relative;
	padding: 42px 38px 34px;
	text-align: center;
	background: linear-gradient(145deg, var(--bwcf-background, #f8fafc), #fff);
	border-bottom: 1px solid #e2e8f0;
}

.bwcf-logo {
	display: block;
	width: auto;
	max-width: 190px;
	max-height: 88px;
	margin: 0 auto 22px;
	object-fit: contain;
}

.bwcf-business-row {
	max-width: 680px;
	margin: 0 auto 18px;
}

.bwcf-business-name {
	display: inline-block;
	margin-bottom: 18px;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(29, 78, 216, .08);
	color: var(--bwcf-primary, #1d4ed8);
	font-size: 13px;
	font-weight: 750;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.bwcf-header h1 {
	margin: 0 0 12px;
	color: var(--bwcf-secondary, #0f172a);
	font-size: clamp(28px, 4vw, 42px);
	line-height: 1.15;
}

.bwcf-header p {
	max-width: 640px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.7;
}

.bwcf-order-reference {
	display: inline-block;
	margin-top: 14px;
	font-size: 13px;
	font-weight: 700;
	color: #64748b;
}

.bwcf-mood-step,
.bwcf-choice-step {
	padding: 36px 38px 42px;
}

.bwcf-mood-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.bwcf-mood {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 16px;
	padding: 10px;
	border: 0;
	background: transparent;
	color: var(--bwcf-secondary, #0f172a);
	font: inherit;
	font-size: 18px;
	font-weight: 750;
	cursor: pointer;
	transition: color .2s ease;
}

.bwcf-mood:hover,
.bwcf-mood:focus-visible,
.bwcf-mood.is-selected {
	outline: none;
}

.bwcf-emoji-disc {
	display: inline-flex;
	width: 170px;
	height: 170px;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: transparent;
	box-shadow: none;
	overflow: visible;
	transition: transform .2s ease, filter .2s ease;
}

.bwcf-mood:hover .bwcf-emoji-disc,
.bwcf-mood:focus-visible .bwcf-emoji-disc,
.bwcf-mood.is-selected .bwcf-emoji-disc {
	transform: translateY(-5px) scale(1.025);
	border-color: transparent;
	background: transparent;
	box-shadow: none;
	filter: none;
}

.bwcf-mood-happy:hover .bwcf-emoji-disc,
.bwcf-mood-happy.is-selected .bwcf-emoji-disc {
	background: transparent;
	border-color: transparent;
}

.bwcf-mood-sad:hover .bwcf-emoji-disc,
.bwcf-mood-sad.is-selected .bwcf-emoji-disc {
	background: transparent;
	border-color: transparent;
}

.bwcf-emoji {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	filter: none;
}

body.bwcf-standalone-page img.bwcf-emoji-image {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	object-fit: contain !important;
}

.bwcf-mood-label {
	display: block;
	color: var(--bwcf-secondary, #0f172a);
	font-size: 18px;
	font-weight: 750;
	line-height: 1.3;
}

.bwcf-selected-mood {
	margin: 0 0 24px;
	padding: 15px 18px;
	border-left: 4px solid var(--bwcf-primary, #1d4ed8);
	border-radius: 0 10px 10px 0;
	background: #f8fafc;
	font-weight: 650;
	line-height: 1.55;
}

.bwcf-actions-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	align-items: start;
}

.bwcf-flow-split .bwcf-actions-grid {
	grid-template-columns: minmax(0, 640px);
	justify-content: center;
}

.bwcf-flow-balanced.is-happy .bwcf-public-card,
.bwcf-flow-balanced.is-sad .bwcf-private-card {
	order: 1;
}

.bwcf-flow-balanced.is-happy .bwcf-private-card,
.bwcf-flow-balanced.is-sad .bwcf-public-card {
	order: 2;
}

.bwcf-action-card {
	min-width: 0;
	padding: 25px;
	border: 1px solid #dbe4ef;
	border-radius: calc(var(--bwcf-radius, 20px) - 6px);
	background: #fff;
	box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
}

.bwcf-app.is-happy .bwcf-public-card,
.bwcf-app.is-sad .bwcf-private-card {
	border-color: var(--bwcf-primary, #1d4ed8);
	box-shadow: 0 16px 36px rgba(29, 78, 216, .12);
}

.bwcf-action-icon {
	display: inline-flex;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
	border-radius: 12px;
	background: rgba(29, 78, 216, .09);
	color: var(--bwcf-primary, #1d4ed8);
	font-size: 22px;
	font-weight: 800;
}

.bwcf-action-card h2 {
	margin: 0 0 8px;
	color: var(--bwcf-secondary, #0f172a);
	font-size: 21px;
	line-height: 1.3;
}

.bwcf-action-card > p {
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 1.6;
}

.bwcf-platforms {
	display: grid;
	gap: 10px;
}

.bwcf-platform {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 11px 14px;
	border: 1px solid #dbe4ef !important;
	border-radius: 9px;
	background: transparent !important;
	color: var(--bwcf-text, #334155) !important;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none !important;
	transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.bwcf-platform:hover,
.bwcf-platform:focus-visible {
	transform: translateY(-1px);
	border-color: var(--bwcf-primary, #1d4ed8) !important;
	background: transparent !important;
	color: var(--bwcf-text, #334155) !important;
	box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
	outline: none;
}

.bwcf-platform-mark,
.bwcf-platform img {
	display: inline-flex;
	width: 26px;
	height: 26px;
	align-items: center;
	justify-content: center;
	flex: 0 0 26px;
	border-radius: 50%;
	object-fit: contain;
	font-weight: 850;
}

.bwcf-platform-google .bwcf-platform-mark { color: #4285f4; background: #f1f5f9; }
.bwcf-platform-facebook .bwcf-platform-mark { color: #fff; background: #1877f2; font-family: Arial, sans-serif; }
.bwcf-platform-custom .bwcf-platform-mark,
.bwcf-platform-custom2 .bwcf-platform-mark { color: #fff; background: var(--bwcf-primary, #1d4ed8); }

.bwcf-form {
	display: grid;
	gap: 17px;
}

.bwcf-field-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.bwcf-field {
	display: grid;
	gap: 7px;
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: #334155;
}

.bwcf-field input,
.bwcf-field textarea {
	width: 100%;
	margin: 0;
	padding: 11px 12px;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	background: #fff;
	color: #0f172a;
	font: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.45;
}

.bwcf-field textarea {
	min-height: 120px;
	resize: vertical;
}

.bwcf-field input:focus,
.bwcf-field textarea:focus {
	border-color: var(--bwcf-primary, #1d4ed8);
	box-shadow: 0 0 0 3px rgba(29, 78, 216, .12);
	outline: none;
}

.bwcf-rating-field {
	margin: 0;
	padding: 0;
	border: 0;
}

.bwcf-rating-field legend {
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 700;
	color: #334155;
}

.bwcf-stars {
	display: flex;
	gap: 4px;
	align-items: center;
}

.bwcf-stars input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.bwcf-stars label {
	color: #cbd5e1;
	font-size: 31px;
	line-height: 1;
	cursor: pointer;
	transition: color .15s ease, transform .15s ease;
}

.bwcf-stars label:hover,
.bwcf-stars label.is-active {
	color: #f59e0b;
	transform: scale(1.06);
}

.bwcf-stars input:focus-visible + label {
	border-radius: 4px;
	outline: 2px solid var(--bwcf-primary, #1d4ed8);
	outline-offset: 3px;
}

.bwcf-checkbox {
	display: flex;
	gap: 9px;
	align-items: flex-start;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	color: #475569;
}

.bwcf-checkbox input {
	width: 17px;
	height: 17px;
	margin: 2px 0 0;
	accent-color: var(--bwcf-primary, #1d4ed8);
}

.bwcf-submit,
.bwcf-popup-button {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	padding: 12px 20px;
	border: 0;
	border-radius: 9px;
	background: var(--bwcf-button-background, #1d4ed8) !important;
	color: var(--bwcf-button-text, #fff) !important;
	font: inherit;
	font-size: 14px;
	font-weight: 750;
	text-decoration: none !important;
	cursor: pointer;
	transition: opacity .18s ease, transform .18s ease;
}

.bwcf-submit:hover,
.bwcf-submit:focus-visible,
.bwcf-popup-button:hover,
.bwcf-popup-button:focus-visible {
	transform: translateY(-1px);
	opacity: .92;
	background: var(--bwcf-button-background, #1d4ed8) !important;
	color: var(--bwcf-button-text, #fff) !important;
	outline: none;
}

.bwcf-submit span,
.bwcf-popup-button span {
	color: var(--bwcf-button-text, #fff) !important;
}

.bwcf-platform > span:last-child {
	color: var(--bwcf-text, #334155) !important;
}

.bwcf-submit:disabled {
	cursor: wait;
	opacity: .55;
}

.bwcf-form-message {
	font-size: 13px;
	font-weight: 650;
	line-height: 1.45;
}

.bwcf-form-message.is-error {
	padding: 10px 12px;
	border-radius: 7px;
	background: #fef2f2;
	color: #b91c1c;
}

.bwcf-change-mood {
	display: flex !important;
	width: fit-content !important;
	min-width: 0 !important;
	max-width: 100% !important;
	min-height: 40px !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 24px auto 0 !important;
	padding: 10px 18px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--bwcf-button-background, #1d4ed8) !important;
	box-shadow: none !important;
	color: var(--bwcf-button-text, #fff) !important;
	font: inherit !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	text-transform: none !important;
	cursor: pointer;
	transition: opacity .18s ease, transform .18s ease;
}

.bwcf-change-mood:hover,
.bwcf-change-mood:focus-visible {
	background: var(--bwcf-button-background, #1d4ed8) !important;
	color: var(--bwcf-button-text, #fff) !important;
	opacity: .92;
	transform: translateY(-1px);
	outline: none;
}

.bwcf-honeypot {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.bwcf-muted { color: #64748b; font-size: 13px; }

.bwcf-state {
	padding: 55px 38px;
	text-align: center;
}

.bwcf-main-card > .bwcf-state {
	border: 0;
	box-shadow: none;
}

.bwcf-state-icon {
	display: flex;
	width: 62px;
	height: 62px;
	align-items: center;
	justify-content: center;
	margin: 0 auto 18px;
	border-radius: 50%;
	background: #dcfce7;
	color: #15803d;
	font-size: 30px;
	font-weight: 800;
}

.bwcf-state-error .bwcf-state-icon { background: #fee2e2; color: #b91c1c; }
.bwcf-state h2 { margin: 0 0 10px; color: var(--bwcf-secondary, #0f172a); }
.bwcf-state p { max-width: 570px; margin: 0 auto; line-height: 1.7; }

.bwcf-popup[hidden],
[data-bwcf-choice-step][hidden],
[data-bwcf-mood-step][hidden],
[data-bwcf-public-card][hidden],
[data-bwcf-private-card][hidden] {
	display: none !important;
}

body.bwcf-standalone-page {
	min-height: 100vh;
	margin: 0;
	background-color: var(--bwcf-background, #eff6ff) !important;
	background-image:
		radial-gradient(circle at 15% 10%, rgba(255,255,255,.78), transparent 34%),
		linear-gradient(145deg, color-mix(in srgb, var(--bwcf-primary, #1d4ed8) 9%, var(--bwcf-background, #eff6ff)), var(--bwcf-background, #eff6ff) 60%, color-mix(in srgb, var(--bwcf-background, #eff6ff) 84%, #fff)) !important;
	color: var(--bwcf-text, #334155);
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.bwcf-standalone-page .bwcf-standalone-shell {
	width: 100%;
	min-height: calc(100vh - 70px);
	padding: clamp(20px, 4vw, 48px) 18px 22px;
}

.bwcf-standalone-page .bwcf-app {
	margin: 0 auto;
	font-family: inherit;
}

.bwcf-standalone-page .bwcf-card {
	border-color: rgba(148, 163, 184, .32);
	border-radius: max(14px, var(--bwcf-radius, 20px));
	box-shadow: 0 28px 80px rgba(30, 64, 175, .13);
}

.bwcf-standalone-page .bwcf-header {
	padding: clamp(38px, 6vw, 66px) clamp(22px, 6vw, 62px) 28px;
	background: #fff;
	border-bottom: 0;
}

.bwcf-standalone-page .bwcf-logo {
	max-width: min(230px, 58vw);
	max-height: 100px;
	margin-bottom: 26px;
}

.bwcf-standalone-page .bwcf-business-row {
	position: relative;
	max-width: none;
	margin-bottom: 30px;
	text-align: center;
}

.bwcf-standalone-page .bwcf-business-row::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 13px;
	background: #e2e8f0;
}

.bwcf-standalone-page .bwcf-business-name {
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: var(--bwcf-secondary, #0f172a);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

.bwcf-standalone-page .bwcf-header h1 {
	font-size: clamp(27px, 4vw, 38px);
}

.bwcf-standalone-page .bwcf-header p {
	max-width: 690px;
	font-size: 16px;
}

.bwcf-standalone-page .bwcf-mood-step,
.bwcf-standalone-page .bwcf-choice-step {
	padding: 22px clamp(22px, 7vw, 74px) clamp(42px, 7vw, 72px);
}

.bwcf-standalone-page .bwcf-mood-grid {
	max-width: 510px;
	margin: 0 auto;
	gap: clamp(18px, 4vw, 34px);
}

.bwcf-standalone-page .bwcf-mood {
	padding: 8px;
}

.bwcf-standalone-page .bwcf-emoji-disc {
	width: clamp(175px, 20vw, 220px);
	height: clamp(175px, 20vw, 220px);
}

.bwcf-standalone-page .bwcf-emoji {
	font-size: clamp(98px, 12vw, 132px);
}

.bwcf-standalone-page .bwcf-selected-mood {
	max-width: 680px;
	margin: 0 auto 28px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--bwcf-secondary, #0f172a);
	font-size: 18px;
	font-weight: 650;
	text-align: center;
}

.bwcf-standalone-page .bwcf-action-card {
	padding: clamp(24px, 5vw, 40px);
	box-shadow: 0 14px 38px rgba(15, 23, 42, .07);
}

.bwcf-standalone-page .bwcf-platforms {
	max-width: 520px;
	margin: 0 auto;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 12px;
}

.bwcf-standalone-page .bwcf-platform {
	min-height: 58px;
	padding: 14px 17px;
	border-radius: 10px;
}

.bwcf-standalone-page .bwcf-standalone-footer {
	display: flex;
	min-height: 70px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 9px;
	padding: 18px;
	color: var(--bwcf-copyright-text, #475569) !important;
	font-size: 13px;
	text-align: center;
}

.bwcf-standalone-page .bwcf-footer-back-row,
.bwcf-standalone-page .bwcf-footer-meta-row {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
}

.bwcf-standalone-page .bwcf-footer-meta-row,
.bwcf-standalone-page .bwcf-footer-meta-row > span,
body.bwcf-standalone-page .bwcf-footer-meta-row,
body.bwcf-standalone-page .bwcf-footer-meta-row > span {
	color: var(--bwcf-copyright-text, #475569) !important;
}

.bwcf-standalone-page .bwcf-back-site-link,
body.bwcf-standalone-page .bwcf-back-site-link {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: var(--bwcf-link, #1d4ed8) !important;
	font-weight: 650;
	text-decoration: none !important;
	transition: color .18s ease;
}

.bwcf-standalone-page .bwcf-back-site-link:hover,
.bwcf-standalone-page .bwcf-back-site-link:focus-visible {
	color: var(--bwcf-link-hover, #1e40af) !important;
	text-decoration: none !important;
}

.bwcf-standalone-page .bwcf-back-icon,
body.bwcf-standalone-page .bwcf-back-icon {
	display: inline-flex;
	width: auto;
	height: auto;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	background: transparent !important;
	color: var(--bwcf-link, #1d4ed8) !important;
	font-size: 17px;
	font-weight: 800;
	line-height: 1;
}

/* Isolate the standalone experience from theme colour and typography rules. */
body.bwcf-standalone-page .bwcf-app {
	color: var(--bwcf-text, #334155) !important;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
}

body.bwcf-standalone-page .bwcf-card,
body.bwcf-standalone-page .bwcf-header,
body.bwcf-standalone-page .bwcf-action-card {
	background: var(--bwcf-card-background, #fff) !important;
}

body.bwcf-standalone-page .bwcf-header h1,
body.bwcf-standalone-page .bwcf-action-card h2,
body.bwcf-standalone-page .bwcf-state h2,
body.bwcf-standalone-page .bwcf-selected-mood,
body.bwcf-standalone-page .bwcf-business-name,
body.bwcf-standalone-page .bwcf-mood-label {
	color: var(--bwcf-secondary, #0f172a) !important;
}

body.bwcf-standalone-page .bwcf-selected-mood {
	margin: 0 auto 28px !important;
	padding: 0 !important;
	font-size: 18px !important;
	font-weight: 650 !important;
	line-height: 1.5 !important;
	text-align: center !important;
}

body.bwcf-standalone-page .bwcf-header h1 {
	margin: 0 0 12px !important;
	padding: 0 !important;
	font-size: clamp(27px, 4vw, 38px) !important;
	font-weight: 750 !important;
	line-height: 1.15 !important;
}

body.bwcf-standalone-page .bwcf-header p {
	margin: 0 auto !important;
	padding: 0 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
}

body.bwcf-standalone-page .bwcf-action-card h2 {
	margin: 0 0 8px !important;
	padding: 0 !important;
	font-size: 21px !important;
	font-weight: 750 !important;
	line-height: 1.3 !important;
}

body.bwcf-standalone-page .bwcf-action-card > p {
	margin: 0 0 20px !important;
	padding: 0 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
}

body.bwcf-standalone-page .bwcf-action-icon {
	margin: 0 0 14px !important;
}

body.bwcf-standalone-page .bwcf-header p,
body.bwcf-standalone-page .bwcf-action-card > p,
body.bwcf-standalone-page .bwcf-state p,
body.bwcf-standalone-page .bwcf-muted,
body.bwcf-standalone-page .bwcf-checkbox {
	color: var(--bwcf-text, #334155) !important;
}

body.bwcf-standalone-page .bwcf-field,
body.bwcf-standalone-page .bwcf-rating-field,
body.bwcf-standalone-page .bwcf-rating-field legend,
body.bwcf-standalone-page .bwcf-field span,
body.bwcf-standalone-page .bwcf-checkbox span {
	color: var(--bwcf-text, #334155) !important;
}

body.bwcf-standalone-page .bwcf-rating-field {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

body.bwcf-standalone-page .bwcf-rating-field legend {
	margin: 0 0 8px !important;
	padding: 0 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
}

body.bwcf-standalone-page .bwcf-field {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
}

body.bwcf-standalone-page .bwcf-field input,
body.bwcf-standalone-page .bwcf-field textarea {
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: #0f172a !important;
	font-family: inherit !important;
	font-size: 15px !important;
	line-height: 1.45 !important;
}

body.bwcf-standalone-page .bwcf-field input::placeholder,
body.bwcf-standalone-page .bwcf-field textarea::placeholder {
	color: #64748b !important;
	opacity: 1 !important;
}

body.bwcf-standalone-page button.bwcf-mood {
	min-height: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--bwcf-secondary, #0f172a) !important;
	text-transform: none !important;
}

body.bwcf-standalone-page .bwcf-submit {
	border: 0 !important;
	background: var(--bwcf-button-background, #1d4ed8) !important;
	box-shadow: none !important;
	color: var(--bwcf-button-text, #fff) !important;
	text-decoration: none !important;
	text-transform: none !important;
}

body.bwcf-standalone-page .bwcf-platform {
	border: 1px solid #dbe4ef !important;
	background: transparent !important;
	color: var(--bwcf-text, #334155) !important;
	text-transform: none !important;
}

body.bwcf-standalone-page .bwcf-submit,
body.bwcf-standalone-page .bwcf-submit span,
body.bwcf-standalone-page .bwcf-platform,
body.bwcf-standalone-page .bwcf-platform span,
body.bwcf-standalone-page .bwcf-mood,
body.bwcf-standalone-page .bwcf-mood span,
body.bwcf-standalone-page .bwcf-popup-button,
body.bwcf-standalone-page .bwcf-change-mood {
	text-decoration: none !important;
}

/* Dashboard colour settings must win over inherited theme styles. */
.bwcf-app .bwcf-submit,
.bwcf-app .bwcf-submit:hover,
.bwcf-app .bwcf-submit:focus-visible,
.bwcf-app .bwcf-change-mood,
.bwcf-app .bwcf-change-mood:hover,
.bwcf-app .bwcf-change-mood:focus-visible,
.bwcf-popup .bwcf-popup-button,
.bwcf-popup .bwcf-popup-button:hover,
.bwcf-popup .bwcf-popup-button:focus-visible,
.bwcf-account-reminder .button,
.bwcf-account-reminder .button:hover,
.bwcf-account-reminder .button:focus {
	background: var(--bwcf-button-background, #1d4ed8) !important;
	color: var(--bwcf-button-text, #fff) !important;
}

.bwcf-app .bwcf-submit span,
.bwcf-popup .bwcf-popup-button span {
	color: var(--bwcf-button-text, #fff) !important;
}

.bwcf-app .bwcf-platform > span:last-child {
	color: var(--bwcf-text, #334155) !important;
}

.bwcf-app a.bwcf-platform,
.bwcf-app a.bwcf-platform:hover,
.bwcf-app a.bwcf-platform:focus-visible {
	background: transparent !important;
	color: var(--bwcf-text, #334155) !important;
}

.bwcf-app a:not(.bwcf-platform):not(.bwcf-popup-button),
body.bwcf-standalone-page .bwcf-standalone-footer a {
	color: var(--bwcf-link, #1d4ed8) !important;
	text-decoration: none !important;
}

.bwcf-app a:not(.bwcf-platform):not(.bwcf-popup-button):hover,
.bwcf-app a:not(.bwcf-platform):not(.bwcf-popup-button):focus-visible,
body.bwcf-standalone-page .bwcf-standalone-footer a:hover,
body.bwcf-standalone-page .bwcf-standalone-footer a:focus-visible {
	color: var(--bwcf-link-hover, #1e40af) !important;
	text-decoration: none !important;
}

body.bwcf-standalone-page .bwcf-back-site-link .bwcf-back-icon {
	background: transparent !important;
	color: var(--bwcf-link, #1d4ed8) !important;
}

body.bwcf-standalone-page .bwcf-back-site-link:hover .bwcf-back-icon,
body.bwcf-standalone-page .bwcf-back-site-link:focus-visible .bwcf-back-icon {
	background: transparent !important;
	color: var(--bwcf-link-hover, #1e40af) !important;
}

.bwcf-popup {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.bwcf-popup-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, .66);
	backdrop-filter: blur(5px);
}

.bwcf-popup-dialog {
	position: relative;
	z-index: 1;
	width: min(100%, 460px);
	padding: 38px;
	border-radius: var(--bwcf-radius, 20px);
	background: #fff;
	box-shadow: 0 30px 90px rgba(15, 23, 42, .3);
	text-align: center;
}

.bwcf-popup-close {
	position: absolute;
	top: 12px;
	right: 14px;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #f1f5f9;
	color: #475569;
	font-size: 25px;
	line-height: 1;
	cursor: pointer;
}

.bwcf-popup-emoji {
	width: 76px;
	height: 76px;
	margin: 0 auto 14px;
	line-height: 1;
}
.bwcf-popup-emoji img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	object-fit: contain !important;
}
.bwcf-popup-dialog h2 { margin: 0 0 8px; color: var(--bwcf-secondary, #0f172a); font-size: 25px; }
.bwcf-popup-dialog p { margin: 0 0 22px; color: #64748b; }
.bwcf-popup-open { overflow: hidden; }

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 720px) {
	.bwcf-app { margin: 22px auto; }
	.bwcf-header { padding: 32px 20px 27px; }
	.bwcf-mood-step,
	.bwcf-choice-step { padding: 25px 18px 30px; }
	.bwcf-actions-grid { grid-template-columns: 1fr; }
	.bwcf-mood { min-height: 0; padding: 8px; }
	.bwcf-emoji-disc { width: 145px; height: 145px; }
	.bwcf-emoji { font-size: 78px; }
	.bwcf-action-card { padding: 21px; }
	.bwcf-field-row { grid-template-columns: 1fr; }
	.bwcf-popup { align-items: flex-end; padding: 0; }
	.bwcf-popup-dialog { width: 100%; padding: 38px 22px 28px; border-radius: var(--bwcf-radius, 20px) var(--bwcf-radius, 20px) 0 0; }
	.bwcf-standalone-page .bwcf-standalone-shell {
		min-height: 0;
		padding: 12px 10px 14px;
	}
	.bwcf-standalone-page .bwcf-card {
		min-height: 0;
	}
	.bwcf-standalone-page .bwcf-header {
		padding: 26px 18px 17px;
	}
	.bwcf-standalone-page .bwcf-logo {
		width: auto !important;
		max-width: min(210px, 58vw) !important;
		max-height: 78px !important;
		margin: 0 auto 22px !important;
	}
	.bwcf-standalone-page .bwcf-mood-step,
	.bwcf-standalone-page .bwcf-choice-step {
		padding: 8px 16px 28px;
	}
	.bwcf-standalone-page .bwcf-standalone-footer {
		min-height: 0;
		padding: 18px 16px 22px;
	}
}

@media (max-width: 460px) {
	.bwcf-mood-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.bwcf-mood { min-height: 0; padding: 6px; flex-direction: column; }
	.bwcf-emoji-disc { width: min(36vw, 142px); height: min(36vw, 142px); box-shadow: none; }
	.bwcf-emoji { font-size: min(21vw, 78px); }
	.bwcf-standalone-page .bwcf-mood-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.bwcf-standalone-page .bwcf-mood { min-height: 0; padding: 5px; flex-direction: column; }
	.bwcf-standalone-page .bwcf-emoji-disc { width: min(36vw, 142px); height: min(36vw, 142px); }
	.bwcf-standalone-page .bwcf-emoji { font-size: min(21vw, 78px); }
	.bwcf-standalone-page .bwcf-mood-label { font-size: 14px !important; }
}

@media (prefers-reduced-motion: reduce) {
	.bwcf-app *, .bwcf-popup * { scroll-behavior: auto !important; transition: none !important; }
}