/* DESCRIPTION: Minimal styles for the CTT Elementor login widget. */
/* DESCRIPTION: Form layout, field spacing, error state — no theming. */

.ctt-login-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 360px;
	color: #000000 !important;
	margin-top: 1rem;
}

.ctt-login-field {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.ctt-login-field label {
	font-size: 14px;
	font-weight: 500;
}

.ctt-login-field input[type="text"],
.ctt-login-field input[type="password"] {
	padding: 8px 10px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.ctt-login-remember label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 400;
	cursor: pointer;
}

.ctt-login-error {
	color: #b00020;
	font-size: 14px;
}

/* Submit button base styling — fallback that ships the Begin Initial
   Experiments look without requiring per-instance Elementor configuration.
   Verified against the live Begin button on /ctt-program/ (2026-05-08
   measurement: width 282, DM Sans 17px 600, line-height 17px, padding
   17/40, bg rgb(166,123,91)=#a67b5b, border 0, radius 4).
   Restored 2026-05-12 after M6 merge (Sapayth commit da6d436) stripped
   this block while moving the theming to the Elementor widget Style
   tab. Without explicit Elementor values saved, the rule vanished and
   the button reverted to Astra default. This fallback restores the
   Begin-matching look. Elementor per-instance overrides still win when
   set (later in source order, same specificity).
   Class chain `.ctt-login-form .ctt-login-submit` adds the form-class
   prefix so this rule beats Astra's plain `.entry-content button` rule
   (0,1,1) on specificity without needing !important. */
.ctt-login-form .ctt-login-submit {
	box-sizing: border-box;
	width: 282px;
	min-width: 282px;
	padding: 17px 40px;
	font-family: "DM Sans", sans-serif;
	font-size: 17px;
	font-weight: 600;
	line-height: 17px;
	color: #ffffff;
	background-color: #a67b5b;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 120ms ease-out;
}

.ctt-login-form .ctt-login-submit:hover,
.ctt-login-form .ctt-login-submit:focus {
	background-color: #8c6646;
}

.ctt-login-submit[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
}