/* Smedley Toastmasters — small utility layer.
   These are applied as "Additional CSS class(es)" on Group/Cover blocks
   inside the bundled patterns. Safe to reuse on any block. */

/* Backgrounds */
.smedley-gradient-warm {
	background: linear-gradient(180deg, #fdf9f1 0%, #f6ecdf 100%);
}
.smedley-gradient-primary {
	background: linear-gradient(135deg, #772432 0%, #591b26 55%, #35476b 100%);
	color: #fbf7ef;
}
.smedley-gradient-gold {
	background: linear-gradient(135deg, #ecd8a4 0%, #d9ac5f 100%);
	color: #5c4326;
}

/* Cards & elevation */
.smedley-card {
	background: #fffdf9;
	border-radius: 1.75rem;
	box-shadow: 0 10px 40px -12px rgba(88, 28, 47, 0.18);
}
.smedley-shadow-soft {
	box-shadow: 0 10px 40px -12px rgba(88, 28, 47, 0.18);
}
.smedley-shadow-soft-lg {
	box-shadow: 0 24px 60px -20px rgba(88, 28, 47, 0.24);
}
.smedley-hover-lift {
	transition: transform 0.25s ease;
}
.smedley-hover-lift:hover {
	transform: translateY(-4px);
}

/* Radii */
.smedley-radius-lg { border-radius: 2rem; }
.smedley-radius-xl { border-radius: 2.5rem; }
.smedley-radius-pill { border-radius: 999px; }

/* Pill badge / eyebrow */
.smedley-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	border-radius: 999px;
	padding: 0.4rem 1rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	background: #f4e7e2;
	color: #772432;
}

/* Sticky header */
.smedley-site-header {
	position: sticky;
	top: 0;
	z-index: 999;
	background: rgba(251, 247, 240, 0.9);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid #e4dad0;
}

/* Numbers with a gradient fill, used for stats */
.smedley-text-gradient {
	background: linear-gradient(120deg, #772432, #3e5e8c);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* Round icon chip used before headings */
.smedley-icon-chip {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	border-radius: 1.1rem;
}

/* Member / champion photo captions */
.smedley-photo-caption {
	position: absolute;
	inset: auto 1rem 1rem 1rem;
	color: #fff;
}

/* Responsive tweak: keep hero + feature grids comfortable on small screens */
@media (max-width: 599px) {
	.smedley-gradient-primary,
	.smedley-gradient-gold {
		border-radius: 1.5rem !important;
	}
}