/**
 * Shared Sunny Agency brand for case landings.
 * Palette from current identity (ring / wordmark).
 */

:root {
	--sa-brand-coral: #f85040;
	--sa-brand-orange: #f87838;
	--sa-brand-amber: #f9a045;
	--sa-brand-gradient: linear-gradient(90deg, #f85040 0%, #f9a045 100%);
}

/* Agency floating CTA — text only, brand gradient. */
.all-cases {
	-webkit-justify-content: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	gap: 0;
	width: auto !important;
	min-width: 148px;
	padding: 0 22px;
	border-radius: 50px;
	background-image: -webkit-linear-gradient(0deg, #f85040 0, #f9a045 100%) !important;
	background-image: linear-gradient(90deg, #f85040 0%, #f9a045 100%) !important;
	font-weight: 600;
	letter-spacing: .02em;
}

.all-cases span {
	display: block;
}

/* Result block mark — transparent, no dark plate. */
a.sa-logo,
.total__row .sa-logo,
.total a.sa-logo {
	display: block;
	max-width: 300px;
	width: 100%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 0;
	background: transparent;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: -webkit-transform .25s ease, opacity .25s ease;
	-o-transition: transform .25s ease, opacity .25s ease;
	transition: transform .25s ease, opacity .25s ease;
	text-decoration: none;
}

a.sa-logo:hover,
a.sa-logo:focus,
.total__row .sa-logo:hover,
.total__row .sa-logo:focus,
.total a.sa-logo:hover,
.total a.sa-logo:focus {
	text-decoration: none;
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
	opacity: .9;
	-webkit-box-shadow: none;
	box-shadow: none;
}

a.sa-logo img,
.total__row .sa-logo img,
.total a.sa-logo img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-filter: drop-shadow(0 6px 16px rgba(248, 80, 64, .16));
	filter: drop-shadow(0 6px 16px rgba(248, 80, 64, .16));
}

/* Agency accent links (legacy coral was #f04928). */
.total a:not(.sa-logo),
.total__text a,
.total__row a:not(.sa-logo) {
	color: var(--sa-brand-coral);
}

@media (max-width: 768px) {
	/* Compact bottom-right pill — overrides per-case top/full-width bars. */
	.all-cases,
	.all-cases.active {
		top: auto !important;
		right: 12px !important;
		bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
		left: auto !important;
		z-index: 110 !important;
		width: auto !important;
		min-width: 0 !important;
		height: 36px !important;
		padding: 0 14px !important;
		border-radius: 999px !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		letter-spacing: 0.01em !important;
		-webkit-box-shadow: 0 6px 18px rgba(248, 80, 64, 0.28) !important;
		box-shadow: 0 6px 18px rgba(248, 80, 64, 0.28) !important;
		-webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease !important;
		-o-transition: opacity 0.35s ease, transform 0.35s ease !important;
		transition: opacity 0.35s ease, transform 0.35s ease !important;
	}

	a.sa-logo,
	.total__row .sa-logo,
	.total a.sa-logo {
		max-width: 240px;
		margin-left: auto;
		margin-right: auto;
	}
}