/**
 * Mobile account screen content styles.
 */

@media (max-width: 63.99rem) {
	html:not(.faradoran-js):not(.adonis-js) .faradoran-mobile-account-drawer,
	html:not(.faradoran-js):not(.adonis-js) .adonis-mobile-account-drawer {
		display: none;
	}

	.faradoran-mobile-account-drawer__inner,
	.adonis-mobile-account-drawer__inner {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-block-size: 0;
		inline-size: 100%;
		max-inline-size: min(100%, 28rem);
		margin-inline: auto;
	}

	.faradoran-mobile-account-drawer__content > .faradoran-mobile-account-drawer__inner,
	.faradoran-mobile-account-drawer__content > .adonis-mobile-account-drawer__inner,
	.adonis-mobile-account-drawer__content > .faradoran-mobile-account-drawer__inner,
	.adonis-mobile-account-drawer__content > .adonis-mobile-account-drawer__inner {
		flex: 1 1 auto;
		min-block-size: 0;
	}

	.faradoran-mobile-account-drawer__body,
	.adonis-mobile-account-drawer__body {
		flex: 1 1 auto;
		min-block-size: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding-block: var(--faradoran-theme-space-4);
		padding-block-end: calc(var(--faradoran-theme-space-4) + var(--faradoran-theme-safe-area-bottom));
		padding-inline: max(var(--faradoran-theme-layout-gutter), var(--faradoran-theme-safe-area-inline-start)) max(var(--faradoran-theme-layout-gutter), var(--faradoran-theme-safe-area-inline-end));
	}

	.faradoran-mobile-account-drawer__notices,
	.adonis-mobile-account-drawer__notices {
		margin-block-end: var(--faradoran-theme-space-3);
	}

	.faradoran-mobile-account-drawer__notices .woocommerce-error,
	.adonis-mobile-account-drawer__notices .woocommerce-error,
	.faradoran-mobile-account-drawer__notices .woocommerce-message,
	.adonis-mobile-account-drawer__notices .woocommerce-message,
	.faradoran-mobile-account-drawer__notices .woocommerce-info,
	.adonis-mobile-account-drawer__notices .woocommerce-info {
		margin-block: 0 var(--faradoran-theme-space-2);
	}

	.faradoran-mobile-account-drawer__login-form,
	.adonis-mobile-account-drawer__login-form {
		display: flex;
		flex-direction: column;
		gap: var(--faradoran-theme-space-3);
	}

	.faradoran-mobile-account-drawer__login-form .form-row,
	.adonis-mobile-account-drawer__login-form .form-row {
		margin: 0;
	}

	.faradoran-mobile-account-drawer__login-form label,
	.adonis-mobile-account-drawer__login-form label {
		display: block;
		margin-block-end: var(--faradoran-theme-space-2);
		color: var(--faradoran-theme-color-text);
		font-size: 0.875rem;
		font-weight: var(--faradoran-theme-font-weight-medium);
		line-height: 1.4;
	}

	.faradoran-mobile-account-drawer__login-form .input-text,
	.adonis-mobile-account-drawer__login-form .input-text {
		inline-size: 100%;
	}

	.faradoran-mobile-account-drawer__password-field,
	.adonis-mobile-account-drawer__password-field {
		position: relative;
		display: block;
	}

	.faradoran-mobile-account-drawer__password-field .input-text,
	.adonis-mobile-account-drawer__password-field .input-text {
		padding-inline-end: calc(var(--faradoran-theme-touch-target) + var(--faradoran-theme-space-2));
	}

	.faradoran-mobile-account-drawer__password-toggle,
	.adonis-mobile-account-drawer__password-toggle {
		position: absolute;
		inset-block-start: 50%;
		inset-inline-end: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		inline-size: var(--faradoran-theme-touch-target);
		block-size: var(--faradoran-theme-touch-target);
		margin-block-start: calc(var(--faradoran-theme-touch-target) * -0.5);
		padding: 0;
		border: 0;
		background: transparent;
		color: var(--faradoran-theme-color-text-muted);
		cursor: pointer;
	}

	.faradoran-mobile-account-drawer__password-toggle:focus-visible,
	.adonis-mobile-account-drawer__password-toggle:focus-visible {
		outline: var(--faradoran-theme-focus-ring);
		outline-offset: var(--faradoran-theme-focus-offset);
		border-radius: var(--faradoran-theme-radius-sm);
	}

	.faradoran-mobile-account-drawer__login-form .woocommerce-form-login__rememberme,
	.adonis-mobile-account-drawer__login-form .woocommerce-form-login__rememberme {
		display: flex;
		align-items: flex-start;
		gap: var(--faradoran-theme-space-2);
	}

	.faradoran-mobile-account-drawer__login-form .woocommerce-form-login__submit,
	.adonis-mobile-account-drawer__login-form .woocommerce-form-login__submit {
		inline-size: 100%;
		justify-content: center;
	}

	.faradoran-mobile-account-drawer__login-form .lost_password,
	.adonis-mobile-account-drawer__login-form .lost_password {
		margin: 0;
	}

	.faradoran-mobile-account-drawer__login-form .lost_password a,
	.adonis-mobile-account-drawer__login-form .lost_password a {
		color: var(--faradoran-theme-color-text-muted);
		font-size: 0.875rem;
		text-decoration: underline;
		text-underline-offset: 0.15em;
	}

	.faradoran-mobile-account-drawer__register,
	.adonis-mobile-account-drawer__register {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--faradoran-theme-space-2);
		margin-block-start: var(--faradoran-theme-space-6);
		padding-block-start: var(--faradoran-theme-space-5);
		border-block-start: var(--faradoran-theme-border-width) solid var(--faradoran-theme-color-border);
		text-align: center;
	}

	.faradoran-mobile-account-drawer__register-icon,
	.adonis-mobile-account-drawer__register-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-block-end: var(--faradoran-theme-space-1);
		color: var(--faradoran-theme-color-text-muted);
	}

	.faradoran-mobile-account-drawer__register-text,
	.adonis-mobile-account-drawer__register-text {
		margin: 0;
		color: var(--faradoran-theme-color-text-muted);
		font-size: 0.875rem;
		line-height: 1.5;
	}

	.faradoran-mobile-account-drawer__register-cta,
	.adonis-mobile-account-drawer__register-cta {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-block-size: var(--faradoran-theme-touch-target);
		padding-inline: var(--faradoran-theme-space-3);
		color: var(--faradoran-theme-color-text);
		font-size: 1rem;
		font-weight: var(--faradoran-theme-font-weight-semibold);
		line-height: 1.4;
		text-decoration: none;
	}

	.faradoran-mobile-account-drawer__register-cta:hover,
	.adonis-mobile-account-drawer__register-cta:hover {
		color: var(--faradoran-theme-color-green-dark);
	}

	.faradoran-mobile-account-drawer__register-cta:focus-visible,
	.adonis-mobile-account-drawer__register-cta:focus-visible {
		outline: var(--faradoran-theme-focus-ring);
		outline-offset: var(--faradoran-theme-focus-offset);
		border-radius: var(--faradoran-theme-radius-sm);
	}

	.faradoran-mobile-account-drawer__nav,
	.adonis-mobile-account-drawer__nav {
		flex: 1 1 auto;
		min-block-size: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding-block-end: calc(var(--faradoran-theme-space-4) + var(--faradoran-theme-safe-area-bottom));
		padding-inline: max(var(--faradoran-theme-layout-gutter), var(--faradoran-theme-safe-area-inline-start)) max(var(--faradoran-theme-layout-gutter), var(--faradoran-theme-safe-area-inline-end));
	}

	.faradoran-mobile-account-drawer__links,
	.adonis-mobile-account-drawer__links {
		display: flex;
		flex-direction: column;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.faradoran-mobile-account-drawer__link,
	.adonis-mobile-account-drawer__link {
		display: flex;
		align-items: center;
		min-block-size: var(--faradoran-theme-touch-target);
		padding-block: var(--faradoran-theme-space-3);
		padding-inline: var(--faradoran-theme-space-4);
		border-block-end: var(--faradoran-theme-border-width) solid var(--faradoran-theme-color-border);
		color: var(--faradoran-theme-color-text);
		font-size: 0.9375rem;
		font-weight: var(--faradoran-theme-font-weight-medium);
		line-height: 1.4;
		text-decoration: none;
	}

	.faradoran-mobile-account-drawer__link:hover,
	.adonis-mobile-account-drawer__link:hover {
		color: var(--faradoran-theme-color-green-dark);
	}

	.faradoran-mobile-account-drawer__link:focus-visible,
	.adonis-mobile-account-drawer__link:focus-visible {
		outline: var(--faradoran-theme-focus-ring);
		outline-offset: calc(var(--faradoran-theme-focus-offset) * -1);
	}

	.faradoran-mobile-account-drawer__link--logout,
	.adonis-mobile-account-drawer__link--logout {
		color: var(--faradoran-theme-color-text-muted);
	}
}