/*
 * LakOm One — LakOm Forms integration styles.
 * Restyles the plugin's own .wprs-* markup to match the site's blue & white
 * palette (colors pulled from the same CSS variables as the rest of the
 * theme) and styles the Book a Demo popup. The plugin's own stylesheet
 * still loads first for layout/structure; this file only overrides look.
 */

.wprs-form-wrapper { --wprs-accent: var( --lk-primary, #2456e4 ); max-width: 440px; margin: 48px auto; }

.wprs-form-card {
	background: #fff; border: 1px solid var(--lk-border, #e3eafb);
	border-radius: var(--lk-radius, 14px); box-shadow: var(--lk-shadow, 0 10px 30px rgba(20,45,120,.08));
	padding: 32px 28px; font-family: inherit;
}
.wprs-form-title { color: var(--lk-ink, #0e1b3d); font-weight: 800; letter-spacing: -.01em; }

.wprs-input,
.wprs-form-card select,
.wprs-form-card textarea {
	border: 2px solid var(--lk-border, #e3eafb) !important;
	border-radius: 10px !important;
	font-family: inherit !important;
	color: var(--lk-ink, #0e1b3d) !important;
	transition: border-color .12s ease;
}
.wprs-input:focus,
.wprs-form-card select:focus,
.wprs-form-card textarea:focus {
	border-color: var(--lk-primary, #2456e4) !important;
	outline: none !important;
	box-shadow: none !important;
}

.wprs-submit-btn {
	background: var(--lk-primary, #2456e4) !important;
	border-radius: 12px !important;
	font-weight: 700 !important;
	box-shadow: 0 4px 0 var(--lk-primary-dark, #1a41b3) !important;
	transition: transform .12s ease, background .12s ease;
}
.wprs-submit-btn:hover { background: var(--lk-primary-dark, #1a41b3) !important; transform: translateY(1px); }

.wprs-form-footer a,
.wprs-form-card a { color: var(--lk-primary, #2456e4); font-weight: 700; }

.wprs-alert-success { background: #e8f8ee !important; color: #15803d !important; border-radius: 10px; }
.wprs-alert-error { background: #fdecec !important; color: #b91c1c !important; border-radius: 10px; }

/* Already-logged-in card */
.wprs-form-wrapper:has(.wprs-already-loggedin),
.wprs-already-loggedin {
	display: flex; flex-direction: column; align-items: center; text-align: center;
	gap: 12px; max-width: 380px; margin: 0 auto; padding: 6px 4px;
}
.wprs-already-loggedin img {
	width: 76px; height: 76px; border-radius: 50%; object-fit: cover;
	border: 3px solid var(--lk-tint, #dce7ff); margin-bottom: 4px;
}
.wprs-already-loggedin h1,
.wprs-already-loggedin h2,
.wprs-already-loggedin h3,
.wprs-already-loggedin h4 {
	margin: 0; font-size: 1.35rem; font-weight: 800; color: var(--lk-ink, #0e1b3d); line-height: 1.3;
}
.wprs-already-loggedin p {
	margin: 0 0 6px; color: #6b7690; font-size: .95rem;
}
.wprs-already-loggedin-home {
	display: flex; align-items: center; justify-content: center;
	width: 100%; padding: 14px 24px; margin-top: 6px;
	border-radius: 12px; font-weight: 700; font-size: 1rem;
	color: #ffffff !important; text-decoration: none !important;
	background: var(--lk-primary, #2456e4) !important;
	box-shadow: 0 4px 0 var(--lk-primary-dark, #1a41b3) !important;
}
.wprs-already-loggedin-home:hover { background: var(--lk-primary-dark, #1a41b3) !important; }
.wprs-already-loggedin a:not(.wprs-already-loggedin-home) {
	color: var(--lk-primary, #2456e4) !important; font-weight: 700; font-size: .95rem;
	text-decoration: none !important; margin-top: 2px;
}
.wprs-already-loggedin a:not(.wprs-already-loggedin-home):hover { text-decoration: underline !important; }

/* ---------- Book a Demo popup ---------- */
.lk-modal__box--form { max-width: 560px; padding: 8px; }
.lk-modal__box--form .wprs-form-card { box-shadow: none; border: none; padding: 26px 22px 22px; }
.lk-modal__box--form .wprs-form-wrapper { margin: 0; max-width: none; }

/* ---------- Nav auth links ---------- */
.lk-nav__auth { display: flex; align-items: center; gap: 6px; margin-left: 4px; }
.lk-nav__auth a {
	padding: 8px 14px; border-radius: 10px; font-weight: 700; font-size: .92rem;
	color: var(--lk-ink, #0e1b3d);
}
.lk-nav__auth a:hover { background: var(--lk-mist, #f4f7fe); color: var(--lk-primary, #2456e4); }
.lk-nav__auth a.is-primary {
	background: var(--lk-primary, #2456e4); color: #fff;
	box-shadow: 0 3px 0 var(--lk-primary-dark, #1a41b3);
}
.lk-nav__auth a.is-primary:hover { background: var(--lk-primary-dark, #1a41b3); color: #fff; }

@media (max-width: 860px) {
	.lk-nav__auth { flex-direction: column; align-items: stretch; margin: 10px 0 0; padding-top: 10px; border-top: 1px solid var(--lk-border, #e3eafb); }
	.lk-nav__auth a { text-align: center; }
}