/* ==========================================================================
   Module 21 — Nido Auth   |   assets/css/nido-auth.css
   ========================================================================== */

/* --- Tokens ------------------------------------------------------------ */

body .nido-auth {
	--nido-gold:      #BD864E;
	--nido-gold-dark: #a8733e;
	--nido-brown:     #532509;
	--nido-tan:       #A67C52;
	--nido-cream:     #FBF7F2;
	--nido-line:      #E6DCD0;
	--nido-text:      #3B2A1C;
	--nido-muted:     #7A6A5C;
	--nido-error:     #A32C1E;
	--nido-success:   #2F6B3E;

	font-family: "Sen", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--nido-text);
	padding: 48px 20px 72px;
}

body .nido-auth *,
body .nido-auth *::before,
body .nido-auth *::after { box-sizing: border-box; }

/* --- Grid card --------------------------------------------------------- */

body .nido-auth .nido-auth__grid {
	max-width: 1080px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	background: #fff;
	border: 1px solid var(--nido-line);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 24px 60px rgba(83,37,9,.08);
}

/* --- Aside ------------------------------------------------------------- */

body .nido-auth .nido-auth__aside {
	background: linear-gradient(160deg, var(--nido-brown) 0%, #3a1906 100%);
	padding: 56px 44px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

body .nido-auth .nido-auth__aside::after {
	content: "";
	position: absolute;
	right: -70px;
	bottom: -90px;
	width: 240px;
	height: 240px;
	border: 1px solid rgba(189,134,78,.3);
	border-radius: 50%;
	pointer-events: none;
}

body .nido-auth .nido-auth__eyebrow {
	margin: 0 0 14px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: var(--nido-gold) !important;
}

body .nido-auth h2.nido-auth__aside-title {
	margin: 0 0 28px !important;
	font-size: 26px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	text-transform: none !important;
	color: #fff !important;
}

body .nido-auth ul.nido-auth__points {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

body .nido-auth ul.nido-auth__points > li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	font-size: 14px;
	line-height: 1.45;
	color: rgba(246,237,228,.9) !important;
}

body .nido-auth ul.nido-auth__points > li::marker,
body .nido-auth ul.nido-auth__points > li::before { content: none !important; }

body .nido-auth ul.nido-auth__points .nido-icon {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	margin-top: 2px;
}

/* --- Panel ------------------------------------------------------------- */

body .nido-auth .nido-auth__panel { padding: 48px 48px 56px; }

body .nido-auth h1.nido-auth__title {
	margin: 0 0 8px !important;
	font-size: 28px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	text-transform: none !important;
	color: var(--nido-brown) !important;
}

body .nido-auth .nido-auth__lead {
	margin: 0 0 24px !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: var(--nido-muted) !important;
}

/* --- Form -------------------------------------------------------------- */

body .nido-auth form.nido-auth__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0 !important;
	padding: 0 !important;
}

/* Two-column row: flex, start-aligned so a hint in col-1 never
   pushes col-2's input down */
body .nido-auth .nido-field-group {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

body .nido-auth .nido-field-group > .nido-field {
	flex: 1 1 0;
	min-width: 0;
}

/* Each field: FLEX column, NOT grid — grid made the label row stretch */
body .nido-auth .nido-field {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

/* Field label — reset every property Elementor kit-318 sets on <label> */
body .nido-auth .nido-field > label {
	display: block !important;
	margin: 0 0 6px !important;
	padding: 0 !important;
	/* Elementor kit-318 resets: */
	color: var(--nido-brown) !important;
	font-family: inherit !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: none !important;
	font-style: normal !important;
	line-height: 1.3 !important;
	letter-spacing: .02em !important;
}

/* --- Inputs ------------------------------------------------------------ */

body .nido-auth input[type="text"],
body .nido-auth input[type="email"],
body .nido-auth input[type="password"] {
	display: block !important;
	width: 100% !important;
	/* Fixed height on all three types — no stretching possible */
	height: 48px !important;
	min-height: 48px !important;
	max-height: 48px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	letter-spacing: normal !important;
	color: var(--nido-text) !important;
	background-color: var(--nido-cream) !important;
	background-image: none !important;
	border: 1px solid var(--nido-line) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color .15s, box-shadow .15s, background-color .15s;
}

body .nido-auth input[type="text"]:hover,
body .nido-auth input[type="email"]:hover,
body .nido-auth input[type="password"]:hover {
	border-color: var(--nido-tan) !important;
}

body .nido-auth input[type="text"]:focus,
body .nido-auth input[type="email"]:focus,
body .nido-auth input[type="password"]:focus {
	outline: none !important;
	background-color: #fff !important;
	border-color: var(--nido-gold) !important;
	box-shadow: 0 0 0 3px rgba(189,134,78,.18) !important;
}

body .nido-auth .nido-field__hint {
	margin: 5px 0 0 !important;
	font-size: 11px !important;
	line-height: 1.4 !important;
	color: var(--nido-muted) !important;
}

/* --- Checkbox rows (DIV wrapper — immune to label rules) --------------- */

body .nido-auth .nido-check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	padding: 0;
}

body .nido-auth .nido-check--inline { align-items: center; }

/* The checkbox itself — reset Elementor input rules */
body .nido-auth .nido-check > input.nido-check__box {
	flex: 0 0 16px;
	width: 16px !important;
	height: 16px !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 2px 0 0 !important;
	padding: 0 !important;
	border-radius: 3px !important;
	accent-color: var(--nido-gold);
	-webkit-appearance: auto !important;
	appearance: auto !important;
	background: none !important;
	box-shadow: none !important;
}

body .nido-auth .nido-check--inline > input.nido-check__box { margin-top: 0 !important; }

/* The label — reset EVERY property kit-318 sets on <label> */
body .nido-auth .nido-check > label.nido-check__text {
	flex: 1 1 auto;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer;
	/* Elementor kit-318 resets: */
	color: var(--nido-muted) !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	font-style: normal !important;
	line-height: 1.5 !important;
	letter-spacing: normal !important;
}

/* Links inside the checkbox label */
body .nido-auth .nido-check > label.nido-check__text a {
	display: inline !important;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: inherit !important;
	font-weight: 600 !important;
	line-height: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	color: var(--nido-brown) !important;
	text-decoration: underline !important;
	background: none !important;
	border: 0 !important;
}

body .nido-auth .nido-check > label.nido-check__text a:hover {
	color: var(--nido-gold) !important;
}

/* --- Row (remember-me + forgot) --------------------------------------- */

body .nido-auth .nido-auth__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

body .nido-auth .nido-auth__link {
	font-size: 13px !important;
	color: var(--nido-gold) !important;
	text-decoration: none !important;
	border-bottom: 1px solid transparent;
}
body .nido-auth .nido-auth__link:hover {
	color: var(--nido-brown) !important;
	border-bottom-color: currentColor;
}

/* --- Button ------------------------------------------------------------ */

body .nido-auth button.nido-btn,
body .nido-auth a.nido-btn,
body .nido-auth .nido-btn {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	margin: 8px 0 0 !important;
	padding: 14px 24px !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	letter-spacing: .06em !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	color: #fff !important;
	background-color: var(--nido-gold) !important;
	background-image: none !important;
	border: 1px solid var(--nido-gold) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color .15s, transform .1s;
}

body .nido-auth button.nido-btn:hover,
body .nido-auth a.nido-btn:hover,
body .nido-auth .nido-btn:hover {
	background-color: var(--nido-gold-dark) !important;
	border-color: var(--nido-gold-dark) !important;
	color: #fff !important;
}

body .nido-auth .nido-btn:active { transform: translateY(1px); }

body .nido-auth a.nido-btn--ghost,
body .nido-auth .nido-btn--ghost {
	color: var(--nido-brown) !important;
	background-color: transparent !important;
	border-color: var(--nido-line) !important;
}
body .nido-auth a.nido-btn--ghost:hover,
body .nido-auth .nido-btn--ghost:hover {
	background-color: var(--nido-cream) !important;
	border-color: var(--nido-tan) !important;
}

body .nido-auth .nido-auth__actions {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
	margin: 20px 0 0;
}
body .nido-auth .nido-auth__actions > .nido-btn {
	width: auto;
	min-width: 180px;
}

/* --- Notices ----------------------------------------------------------- */

body .nido-auth .nido-auth__notice {
	margin: 0 0 20px !important;
	padding: 12px 16px;
	border-radius: 8px;
	font-size: 13px;
	line-height: 1.5;
	border-left: 3px solid;
}
body .nido-auth .nido-auth__notice ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
body .nido-auth .nido-auth__notice li { margin: 0 !important; list-style: none !important; }
body .nido-auth .nido-auth__notice li + li { margin-top: 5px !important; }
body .nido-auth .nido-auth__notice a { color: inherit !important; text-decoration: underline !important; }

body .nido-auth .nido-auth__notice--error {
	background-color: #FDF1EF;
	border-color: var(--nido-error);
	color: var(--nido-error);
}
body .nido-auth .nido-auth__notice--success {
	background-color: #F0F6F1;
	border-color: var(--nido-success);
	color: var(--nido-success);
}

/* --- Switch link ------------------------------------------------------- */

body .nido-auth .nido-auth__switch {
	margin: 24px 0 0 !important;
	padding-top: 20px !important;
	border-top: 1px solid var(--nido-line);
	font-size: 14px !important;
	color: var(--nido-muted) !important;
	text-align: center;
}
body .nido-auth .nido-auth__switch a {
	color: var(--nido-brown) !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	border-bottom: 2px solid var(--nido-gold);
}
body .nido-auth .nido-auth__switch a:hover { color: var(--nido-gold) !important; }

/* --- Honeypot ---------------------------------------------------------- */

body .nido-auth .nido-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

/* --- Responsive -------------------------------------------------------- */

@media (max-width: 900px) {
	body .nido-auth { padding: 24px 16px 48px; }
	body .nido-auth .nido-auth__grid { grid-template-columns: 1fr; }
	body .nido-auth .nido-auth__aside { padding: 32px 28px; order: 2; }
	body .nido-auth h2.nido-auth__aside-title { font-size: 20px !important; }
	body .nido-auth .nido-auth__panel { padding: 32px 24px 40px; order: 1; }
}

@media (max-width: 560px) {
	body .nido-auth .nido-field-group { flex-direction: column; }
	body .nido-auth h1.nido-auth__title { font-size: 24px !important; }
	body .nido-auth .nido-auth__actions > .nido-btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	body .nido-auth * { transition: none !important; }
}