/* BimBible Coming Soon — front-end styles (neutral page + deep-teal accent).
   Scoped under .bbcs so nothing leaks into the theme. */

.bbcs {
	--bbcs-ink: #1a1d23;
	--bbcs-accent: #0f766e;
	--bbcs-accent-text: #e1f5ee;
	--bbcs-tint: #e1f5ee;
	--bbcs-tint-text: #0f6e56;
	--bbcs-muted: #6b7280;
	--bbcs-faint: #9aa1ab;
	--bbcs-line: #e6e8ec;
	--bbcs-soft: #f5f7f7;
	max-width: 720px;
	margin: 0 auto;
	padding: 8px 0 24px;
	color: var(--bbcs-ink);
	font-family: inherit;
	line-height: 1.6;
	animation: bbcs-rise 0.5s ease both;
}
.bbcs, .bbcs * { box-sizing: border-box; }
@keyframes bbcs-rise { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }

/* Hero */
.bbcs-hero { text-align: center; max-width: 600px; margin: 0 auto 2rem; }
.bbcs-eyebrow {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 12px; letter-spacing: 0.04em;
	color: var(--bbcs-tint-text); background: var(--bbcs-tint);
	padding: 5px 14px; border-radius: 999px; margin-bottom: 18px;
}
.bbcs-title {
	font-size: clamp(1.7rem, 4vw, 1.95rem); font-weight: 600;
	line-height: 1.15; margin: 0 0 0.75rem; color: var(--bbcs-ink);
}
.bbcs-intro { font-size: 1.05rem; color: var(--bbcs-muted); line-height: 1.7; margin: 0; }

/* Features */
.bbcs-features { background: var(--bbcs-soft); border-radius: 12px; padding: 1.5rem; margin-bottom: 2rem; }
.bbcs-features-label {
	font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase;
	color: var(--bbcs-muted); margin-bottom: 16px; text-align: center;
}
.bbcs-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; }
.bbcs-feature { text-align: center; padding: 0 8px; }
.bbcs-feature-ic { display: inline-flex; color: var(--bbcs-accent); }
.bbcs-ic { width: 28px; height: 28px; }
.bbcs-ic-sm { vertical-align: -2px; }
.bbcs-feature-title { font-size: 14px; font-weight: 600; margin: 8px 0 4px; }
.bbcs-feature-desc { font-size: 13px; color: var(--bbcs-muted); line-height: 1.5; }

/* Notify form */
.bbcs-notify { max-width: 480px; margin: 0 auto; text-align: center; }
.bbcs-notify-title { font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.bbcs-notify-sub { font-size: 13px; color: var(--bbcs-faint); margin: 0 0 14px; }
.bbcs-form-row { display: flex; gap: 8px; align-items: center; flex-wrap: nowrap; }
.bbcs-email {
	flex: 1 1 auto; min-width: 0; height: 44px; padding: 0 14px;
	border: 1px solid var(--bbcs-line); border-radius: 8px;
	font-size: 1rem; color: var(--bbcs-ink); background: #fff;
}
.bbcs-email:focus { outline: none; border-color: var(--bbcs-accent); box-shadow: 0 0 0 3px rgba(15,118,110,0.14); }
.bbcs-btn {
	flex: 0 0 auto; white-space: nowrap; height: 44px; padding: 0 22px;
	background: var(--bbcs-accent); color: var(--bbcs-accent-text);
	border: none; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer;
	transition: background 0.15s ease;
}
.bbcs-btn:hover { background: #0b5a53; }
.bbcs-consent {
	display: flex; align-items: flex-start; gap: 7px; margin-top: 12px;
	font-size: 12px; color: var(--bbcs-muted); text-align: left;
}
.bbcs-consent input { margin-top: 3px; flex: 0 0 auto; }

/* Messages */
.bbcs-msg { padding: 10px 14px; border-radius: 8px; font-size: 0.95rem; margin: 0 0 14px; }
.bbcs-msg-success { background: var(--bbcs-tint); color: var(--bbcs-tint-text); }
.bbcs-msg-error { background: #fdecea; color: #a32d2d; }

/* Footer link */
.bbcs-footlink { text-align: center; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--bbcs-line); }
.bbcs-footlink span { font-size: 13px; color: var(--bbcs-muted); }
.bbcs-footlink a { font-size: 13px; color: var(--bbcs-accent); font-weight: 600; text-decoration: none; }
.bbcs-footlink a:hover { text-decoration: underline; }

@media (max-width: 420px) {
	.bbcs-btn { padding: 0 16px; }
}