/**
 * Snap Channels — Acceptance Page Styles
 * Standalone, light, focused landing page.
 */

.snapch-accept {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 70vh;
	padding: 40px 20px;
	font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	color: #0F172A;
	-webkit-font-smoothing: antialiased;
}

.snapch-accept *, .snapch-accept *::before, .snapch-accept *::after {
	box-sizing: border-box;
}

.snapch-accept-card {
	background: #fff;
	border: 1px solid #E5E7EB;
	border-radius: 16px;
	box-shadow: 0 20px 40px -12px rgba(15,23,42,0.1), 0 8px 16px -8px rgba(15,23,42,0.06);
	width: 100%;
	max-width: 460px;
	padding: 36px 36px 32px;
	text-align: center;
}

.snapch-accept-brand {
	margin-bottom: 28px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E5E7EB;
}

.snapch-accept-logo { max-height: 52px; max-width: 180px; display: inline-block; }
.snapch-accept-logo-text {
	font-family: 'DM Serif Display', Georgia, serif;
	font-size: 24px; color: #0B1D3A; letter-spacing: -0.01em;
}

.snapch-accept-h1 {
	font-family: 'DM Serif Display', Georgia, serif !important;
	font-size: 30px !important;
	color: #0B1D3A !important;
	margin: 0 0 10px !important;
	line-height: 1.2;
	letter-spacing: -0.015em;
	font-weight: normal !important;
}

.snapch-accept-sub {
	font-size: 15px;
	color: #334155;
	line-height: 1.55;
	margin: 0 0 22px;
}
.snapch-accept-sub strong { color: #0B1D3A; }

.snapch-accept-msg {
	margin: 0 0 22px;
	padding: 14px 18px;
	background: #F5F7FB;
	border-left: 3px solid #1258C2;
	border-radius: 6px;
	font-style: italic;
	color: #334155;
	font-size: 14px;
	line-height: 1.55;
	text-align: left;
}

.snapch-accept-form { text-align: left; }

.snapch-accept-field {
	display: block;
	margin-bottom: 16px;
}
.snapch-accept-field > span {
	display: block;
	font-weight: 600;
	font-size: 13.5px;
	color: #0B1D3A;
	margin-bottom: 6px;
}
.snapch-accept-field small {
	display: block;
	font-size: 12px;
	color: #64748B;
	margin-top: 4px;
}

.snapch-accept-field input[type="text"],
.snapch-accept-field input[type="email"],
.snapch-accept-field input[type="password"] {
	width: 100%;
	padding: 11px 13px;
	border: 1.5px solid #D1D5DB !important;
	border-radius: 10px !important;
	background: #fff !important;
	font-family: inherit !important;
	font-size: 15px !important;
	color: #0F172A !important;
	transition: all 0.12s cubic-bezier(0.2,0.8,0.2,1);
	box-shadow: none !important;
}
.snapch-accept-field input:focus {
	outline: none !important;
	border-color: #1258C2 !important;
	box-shadow: 0 0 0 4px #EEF4FE !important;
}
.snapch-accept-field input:disabled {
	background: #F9FAFB !important;
	color: #64748B !important;
	cursor: not-allowed;
}

.snapch-accept-btn,
.snapch-accept-btn:link,
.snapch-accept-btn:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px;
	width: 100%;
	padding: 13px 20px !important;
	margin-top: 8px;
	background: #1258C2 !important;
	color: #fff !important;
	border: 1.5px solid #1258C2 !important;
	border-radius: 10px !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	cursor: pointer;
	text-decoration: none !important;
	box-shadow: 0 2px 6px rgba(18,88,194,0.2) !important;
	transition: all 0.15s cubic-bezier(0.2,0.8,0.2,1);
	text-transform: none !important;
	letter-spacing: 0 !important;
	text-shadow: none !important;
}
.snapch-accept-btn:hover,
.snapch-accept-btn:focus,
.snapch-accept-btn:visited:hover {
	background: #0E47A1 !important;
	border-color: #0E47A1 !important;
	color: #fff !important;
	box-shadow: 0 4px 12px rgba(18,88,194,0.3) !important;
	transform: translateY(-1px);
}

.snapch-accept-btn-secondary,
.snapch-accept-btn-secondary:link,
.snapch-accept-btn-secondary:visited {
	background: #fff !important;
	color: #0B1D3A !important;
	border-color: #D1D5DB !important;
	box-shadow: none !important;
}
.snapch-accept-btn-secondary:hover,
.snapch-accept-btn-secondary:visited:hover {
	background: #0B1D3A !important;
	border-color: #0B1D3A !important;
	color: #fff !important;
}

.snapch-accept-meta {
	font-size: 12.5px;
	color: #64748B;
	margin: 16px 0 0;
	text-align: center;
}
.snapch-accept-meta a { color: #1258C2; text-decoration: underline; }
.snapch-accept-meta a:hover { color: #0E47A1; }

.snapch-accept-alert {
	padding: 12px 14px;
	background: #FEE2E2;
	border: 1px solid #FECACA;
	border-radius: 10px;
	color: #DC2626;
	margin: 0 0 16px;
	font-size: 14px;
	text-align: left;
}
.snapch-accept-alert p { margin: 0 0 4px; }
.snapch-accept-alert p:last-child { margin-bottom: 0; }

.snapch-accept-spinner {
	width: 36px; height: 36px;
	margin: 0 auto 16px;
	border: 3px solid #E5E7EB;
	border-top-color: #1258C2;
	border-radius: 50%;
	animation: snapch-accept-spin 0.7s linear infinite;
}
@keyframes snapch-accept-spin { to { transform: rotate(360deg); } }

body.snapch-accept-page .entry-title,
body.snapch-accept-page .page-title,
body.snapch-accept-page .page-header,
body.snapch-accept-page .wp-block-post-title,
body.snapch-accept-page h1.entry-title,
body.snapch-accept-page .elementor-page-title,
body.snapch-accept-page .ast-page-header-section { display: none !important; }

/* Show / hide password toggle */
.snapch-pwd-wrap {
	position: relative;
	display: block;
}
.snapch-pwd-wrap .snapch-pwd-input {
	width: 100%;
	padding-right: 70px !important;
}
.snapch-pwd-toggle,
.snapch-pwd-toggle:link,
.snapch-pwd-toggle:visited {
	position: absolute !important;
	right: 8px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	background: transparent !important;
	border: none !important;
	color: #1258C2 !important;
	font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	padding: 6px 10px !important;
	border-radius: 6px !important;
	letter-spacing: 0.01em;
	box-shadow: none !important;
	min-width: auto !important;
	width: auto !important;
	height: auto !important;
}
.snapch-pwd-toggle:hover, .snapch-pwd-toggle:visited:hover {
	background: rgba(18, 88, 194, 0.08) !important;
	color: #0E47A1 !important;
}
.snapch-pwd-toggle:focus-visible {
	outline: 2px solid #1258C2 !important;
	outline-offset: 2px !important;
}
