/**
 * AMS V3 Auth Core
 *
 * Auth-specific base rules loaded after shared primitives.
 */

/* Auth page base */

body.ams-auth-page {
	margin: 0;
	background: var(--ams-bg);
	color: var(--ams-text);
	font-family: "Tajawal", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}


/* AMS AUTH FINAL FIXES */
.ams-register-step-actions [data-ams-register-prev]:hover,
.ams-register-step-actions [data-ams-register-prev]:focus,
.ams-register-step-actions [data-ams-register-prev]:focus-visible{
background:rgba(201,168,106,.20)!important;
border-color:rgba(216,188,122,.55)!important;
color:#E2C98B!important;
}

.ams-auth-password-field button[data-ams-password-toggle]{
min-width:38px!important;
width:38px!important;
padding:0!important;
font-size:0!important;
}

.ams-auth-password-field button[data-ams-password-toggle]::before{
content:"👁";
font-size:16px;
}


/* AMS AUTH PASSWORD TOGGLE - FONT AWESOME EYE ICONS */
.ams-auth-password-field button[data-ams-password-toggle]{
    min-width:38px!important;
    width:38px!important;
    height:38px!important;
    padding:0!important;
    font-size:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:rgba(248,250,252,.75)!important;
    background:rgba(201,168,106,.08)!important;
    border:1px solid rgba(201,168,106,.28)!important;
    border-radius:999px!important;
}

.ams-auth-password-field button[data-ams-password-toggle]::before{
    content:"\f06e"!important;
    font-family:"Font Awesome 6 Free"!important;
    font-weight:400!important;
    font-size:15px!important;
    line-height:1!important;
}

.ams-auth-password-field button[data-ams-password-toggle].is-visible::before{
    content:"\f070"!important;
}

.ams-auth-password-field button[data-ams-password-toggle]:hover,
.ams-auth-password-field button[data-ams-password-toggle]:focus{
    color:#D8BC7A!important;
    border-color:rgba(216,188,122,.55)!important;
    background:rgba(201,168,106,.14)!important;
    outline:none!important;
}


/* FORCE EYE ICON WITHOUT DEPENDING ON FONT AWESOME */
.ams-auth-password-field button[data-ams-password-toggle]{
    font-size:0 !important;
    width:40px !important;
    min-width:40px !important;
}

.ams-auth-password-field button[data-ams-password-toggle]::before{
    content:"👁" !important;
    font-size:18px !important;
    line-height:1 !important;
    display:block !important;
}

.ams-auth-password-field button[data-ams-password-toggle].is-visible::before{
    content:"🙈" !important;
}