/**
 * HARCHI KOLO — Auth Mobile Polish 1.0
 * Full-page login only. No modal/dialog styling and no auth logic changes.
 */
@media (max-width: 699px) {
	/* Keep the dedicated login composition centred and comfortably inset from
	 * narrow phone edges without touching the global mobile header/footer. */
	body.hk-auth-login-heading-page .hp-page__content {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	body.hk-auth-login-heading-page .hk-auth-login-title[data-hk-auth-login-title="1"] {
		box-sizing: border-box !important;
		width: calc(100% - 32px) !important;
		max-width: 430px !important;
		margin: 2px auto 15px !important;
		font-size: clamp(32px, 10vw, 36px) !important;
		line-height: 1.02 !important;
		letter-spacing: -.025em !important;
		text-align: center !important;
	}

	body.hk-auth-login-heading-page .hk-auth-login-title[data-hk-auth-login-title="1"]::before {
		margin-bottom: 5px !important;
		font-size: 9.5px !important;
		line-height: 1.3 !important;
		letter-spacing: .12em !important;
		text-align: center !important;
	}

	/* Exact full-page HivePress login form. Modal forms live outside
	 * .hp-page__content and therefore cannot match these selectors. */
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login {
		position: relative !important;
		box-sizing: border-box !important;
		width: calc(100% - 28px) !important;
		max-width: 430px !important;
		margin: 0 auto 28px !important;
		padding: 25px 18px 22px !important;
		border: 1px solid rgba(var(--hk-gold-rgb, 199, 154, 43), .34) !important;
		border-radius: 24px !important;
		background:
			radial-gradient(circle at 100% 0%, rgba(var(--hk-gold-rgb, 199, 154, 43), .10), transparent 35%),
			linear-gradient(180deg, #fff 0%, #fffef9 100%) !important;
		box-shadow: 0 16px 38px rgba(var(--hk-green-rgb, 18, 63, 47), .11) !important;
		color: var(--hk-green-deep, #0e382a) !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login::before {
		content: "" !important;
		position: absolute !important;
		top: 0 !important;
		left: 50% !important;
		width: 68px !important;
		height: 3px !important;
		border-radius: 0 0 4px 4px !important;
		background: var(--hk-gold, #c79a2b) !important;
		transform: translateX(-50%) !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login .hp-form__fields {
		min-width: 0 !important;
		margin: 0 !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login .hp-form__field,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login .hp-field {
		box-sizing: border-box !important;
		min-width: 0 !important;
		margin-bottom: 18px !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login label,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login .hp-field__label,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login .hp-form__label {
		display: block !important;
		margin-bottom: 7px !important;
		color: var(--hk-green, #123f2f) !important;
		-webkit-text-fill-color: var(--hk-green, #123f2f) !important;
		font-size: 14px !important;
		font-weight: 800 !important;
		line-height: 1.35 !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login input[type="text"],
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login input[type="email"],
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login input[type="password"] {
		box-sizing: border-box !important;
		width: 100% !important;
		min-height: 52px !important;
		padding: 12px 14px !important;
		border: 1px solid rgba(var(--hk-green-rgb, 18, 63, 47), .22) !important;
		border-radius: 14px !important;
		background: rgba(255,255,255,.98) !important;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 4px 12px rgba(var(--hk-green-rgb, 18, 63, 47), .035) !important;
		color: var(--hk-green-deep, #0e382a) !important;
		-webkit-text-fill-color: var(--hk-green-deep, #0e382a) !important;
		font-size: 16px !important;
		line-height: 1.35 !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login input[type="text"]:focus,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login input[type="email"]:focus,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login input[type="password"]:focus {
		border-color: var(--hk-gold, #c79a2b) !important;
		background: #fffef9 !important;
		box-shadow: 0 0 0 4px rgba(var(--hk-gold-rgb, 199, 154, 43), .14), 0 5px 15px rgba(var(--hk-green-rgb, 18, 63, 47), .05) !important;
		outline: none !important;
	}

	/* Keep confirmed field-validation state stronger than the regular focus ring. */
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login .hk-auth-invalid-control,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login input.hk-auth-invalid-control {
		border-color: rgba(171, 65, 54, .72) !important;
		background: #fffdfb !important;
		box-shadow: 0 0 0 3px rgba(var(--hk-gold-rgb, 199, 154, 43), .12), 0 0 0 1px rgba(171, 65, 54, .12) !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login .hk-auth-field-error {
		margin: -6px 0 14px !important;
		padding: 9px 10px !important;
		border-radius: 11px !important;
		font-size: 12px !important;
		line-height: 1.4 !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login .hp-form__messages[data-component="messages"].hk-hp-notice {
		margin: 0 0 19px !important;
		padding: 13px 14px 13px 50px !important;
		border-radius: 14px !important;
		font-size: 13px !important;
		line-height: 1.45 !important;
		box-shadow: 0 8px 22px rgba(var(--hk-green-rgb, 18, 63, 47), .07) !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login .hp-form__messages[data-component="messages"].hk-hp-notice::before {
		left: 13px !important;
		width: 26px !important;
		height: 26px !important;
		font-size: 15px !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login button[type="submit"],
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login input[type="submit"],
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login .hp-form__button {
		box-sizing: border-box !important;
		width: 100% !important;
		min-height: 52px !important;
		padding: 0 20px !important;
		border: 1px solid var(--hk-green, #123f2f) !important;
		border-radius: 14px !important;
		background: var(--hk-green, #123f2f) !important;
		box-shadow: 0 10px 24px rgba(var(--hk-green-rgb, 18, 63, 47), .15) !important;
		color: #fff !important;
		-webkit-text-fill-color: #fff !important;
		font-size: 15px !important;
		font-weight: 850 !important;
		line-height: 1 !important;
		text-align: center !important;
		transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login button[type="submit"]:hover,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login button[type="submit"]:focus-visible,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login button[type="submit"]:active,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login input[type="submit"]:hover,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login input[type="submit"]:focus-visible,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login input[type="submit"]:active,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login .hp-form__button:hover,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login .hp-form__button:focus-visible,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login .hp-form__button:active {
		border-color: var(--hk-gold, #c79a2b) !important;
		background: var(--hk-gold, #c79a2b) !important;
		color: #fff !important;
		-webkit-text-fill-color: #fff !important;
		box-shadow: 0 12px 27px rgba(var(--hk-gold-rgb, 199, 154, 43), .23) !important;
		outline: none !important;
		transform: translateY(-1px) !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login a,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login a:visited {
		color: var(--hk-green, #123f2f) !important;
		-webkit-text-fill-color: var(--hk-green, #123f2f) !important;
		font-weight: 750 !important;
		text-decoration-color: rgba(var(--hk-green-rgb, 18, 63, 47), .20) !important;
		text-underline-offset: 3px !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login a:hover,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login a:focus-visible,
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login a:active {
		color: var(--hk-gold-dark, #8a6814) !important;
		-webkit-text-fill-color: var(--hk-gold-dark, #8a6814) !important;
		text-decoration-color: currentColor !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login a[href*="password"],
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login a[href*="reset"],
	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login a[href*="lost"] {
		display: inline-flex !important;
		align-items: center !important;
		min-height: 38px !important;
		font-size: 14px !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login a[href*="register"] {
		display: inline-flex !important;
		align-items: center !important;
		min-height: 36px !important;
		font-size: 14px !important;
		font-weight: 850 !important;
	}
}

@media (max-width: 359px) {
	body.hk-auth-login-heading-page .hk-auth-login-title[data-hk-auth-login-title="1"] {
		width: calc(100% - 24px) !important;
		font-size: 31px !important;
	}

	body.hk-auth-login-heading-page .hp-page__content .hp-form--user-login {
		width: calc(100% - 20px) !important;
		padding: 23px 15px 20px !important;
		border-radius: 21px !important;
	}
}