/*
 * Public styles for the plugin's own pages: the confirmation and preferences
 * screens, and the subscribe form.
 *
 * The services page itself is styled by the theme; this file only covers the
 * small surfaces the plugin renders directly. Everything is scoped, so it
 * cannot affect a page it was not loaded for.
 */

.smcc-standalone {
	--smcc-navy: #1B2A4A;
	--smcc-gold: #A8842F;
	--smcc-warm: #FAF7F0;
	--smcc-line: #DFD8C8;
	--smcc-ink: #202634;
	--smcc-muted: #687082;
}

.smcc-standalone-inner {
	max-width: 34rem;
	margin: 0 auto;
	padding: 3rem 1.25rem 4rem;
}

.smcc-standalone h1 {
	color: var(--smcc-navy);
	margin: 0 0 1rem;
	text-wrap: balance;
}

.smcc-standalone p {
	line-height: 1.65;
	color: var(--smcc-ink);
}

.smcc-subscribe,
.smcc-prefs-form {
	margin: 1.5rem 0 0;
}

.smcc-subscribe .smcc-field,
.smcc-prefs-form .smcc-field {
	margin: 0 0 1rem;
}

.smcc-subscribe label,
.smcc-prefs-form label {
	display: block;
	margin-bottom: .3rem;
	font-weight: 600;
	font-size: .95rem;
}

.smcc-subscribe input[type="text"],
.smcc-subscribe input[type="email"],
.smcc-subscribe input[type="tel"] {
	width: 100%;
	box-sizing: border-box;
	padding: .6rem .7rem;
	border: 1px solid var(--smcc-line);
	border-radius: 4px;
	font-size: 1rem;
	background: #fff;
	color: var(--smcc-ink);
}

.smcc-check label {
	display: flex;
	gap: .6rem;
	align-items: flex-start;
	font-weight: 400;
}

.smcc-btn {
	display: inline-block;
	padding: .7rem 1.4rem;
	border: 1px solid var(--smcc-navy);
	border-radius: 4px;
	background: var(--smcc-navy);
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
}

.smcc-btn:hover,
.smcc-btn:focus-visible {
	background: #2A3D63;
	color: #fff;
}

.smcc-btn:focus-visible {
	outline: 2px solid var(--smcc-gold);
	outline-offset: 2px;
}

.smcc-link-btn {
	background: none;
	border: 0;
	padding: 0;
	color: var(--smcc-navy);
	text-decoration: underline;
	cursor: pointer;
	font-size: .9rem;
}

.smcc-quiet {
	font-size: .85rem;
	color: var(--smcc-muted);
	line-height: 1.55;
}

.smcc-notice {
	padding: .8rem 1rem;
	border-radius: 4px;
	border-left: 4px solid;
	margin: 0 0 1rem;
}

.smcc-notice-ok {
	background: #EEF5F0;
	border-color: #1F6B4A;
	color: #143B2A;
}

.smcc-notice-error {
	background: #F8E4E7;
	border-color: #962E3C;
	color: #5C1B24;
}

/* The honeypot: present for a bot, gone for everybody else. */
.smcc-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.smcc-services-simple h3 {
	margin: 1.5rem 0 .4rem;
	color: var(--smcc-navy, #1B2A4A);
}

.smcc-services-simple ul {
	margin: 0;
	padding-left: 1.1rem;
	line-height: 1.7;
}