/* AC Manager · accesso e registrazione — stile "Aurora" (foglio autonomo: queste pagine non caricano ac-ui.css) */

@font-face{
  font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('fonts/inter-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212;
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF;
}

body, html {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100%;
}

/* 1. Pagina: fondo chiaro con i due aloni (blu e oro) */
.ac-auth-container {
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
    margin: 0;
    padding: 24px 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    color: #0B1220;
    -webkit-font-smoothing: antialiased;
    background:
        radial-gradient(560px 380px at 6% -8%, rgba(59,123,246,.22), transparent 62%),
        radial-gradient(480px 360px at 104% 0%, rgba(201,154,62,.20), transparent 60%),
        radial-gradient(640px 420px at 50% 114%, rgba(59,123,246,.12), transparent 60%),
        #F2F5FB;
}

/* 2. Scheda di accesso: vetro chiaro */
.ac-auth-box {
    background: rgba(255,255,255,.82);
    -webkit-backdrop-filter: blur(22px) saturate(170%);
    backdrop-filter: blur(22px) saturate(170%);
    border: 1px solid rgba(255,255,255,.9);
    margin: 0 16px;
    padding: 36px 32px 30px;
    border-radius: 32px;
    box-shadow: 0 2px 4px rgba(16,24,40,.05), 0 36px 70px -24px rgba(29,78,216,.30), inset 0 1px 0 rgba(255,255,255,.95);
    width: 100%;
    max-width: 420px;
    box-sizing: border-box;
    text-align: center;
}

/* 3. Logo e intestazione */
.ac-logo-area { margin-bottom: 22px; }
.ac-logo { max-width: 62%; height: auto; }

.ac-auth-title {
    font-size: 1.55em;
    line-height: 1.15;
    color: #0B1220;
    margin: 0 0 24px;
    font-weight: 750;
    letter-spacing: -.03em;
}

/* 4. Campi */
.ac-auth-box #ac_login_form p,
.ac-auth-box #ac-registration-form p {
    margin: 0 0 16px;
    text-align: left;
}

.ac-auth-box #ac_login_form label,
.ac-auth-box #ac-registration-form label {
    display: block;
    margin-bottom: 7px;
    font-size: 13px;
    color: #344054;
    font-weight: 600;
}

.ac-auth-box .ac-input-field,
.ac-auth-box #user,
.ac-auth-box #pass {
    width: 100%;
    height: 52px;
    padding: 0 16px;
    border: 1px solid rgba(15,23,42,.14);
    border-radius: 16px;
    background: #fff;
    color: #0B1220;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 16px;
    transition: border-color .18s, box-shadow .18s;
}

.ac-auth-box .ac-input-field:focus,
.ac-auth-box #user:focus,
.ac-auth-box #pass:focus {
    border-color: #3B7BF6;
    box-shadow: 0 0 0 4px rgba(59,123,246,.18);
    outline: none;
}

.ac-auth-box #ac_login_form .login-remember label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-weight: 500;
    color: #667085;
}
.ac-auth-box #ac_login_form .login-remember input { width: 20px; height: 20px; accent-color: #2563EB; margin: 0; }

/* 5. Bottone principale */
.ac-auth-box .ac-submit-button { margin-top: 24px; }

.ac-auth-box .ac-submit-button #wp-submit,
.ac-auth-box .ac-submit-button button[type="submit"],
.ac-auth-box .ac-submit-button input[type="submit"] {
    width: 100%;
    height: 54px;
    padding: 0 18px;
    background: linear-gradient(180deg, #4C8BF8, #2563EB 55%, #1D4ED8) !important;
    color: #fff;
    border: 0;
    border-radius: 16px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.005em;
    cursor: pointer;
    transition: transform .15s, filter .2s;
    box-shadow: 0 12px 24px -8px rgba(37,99,235,.65), inset 0 1px 0 rgba(255,255,255,.35) !important;
    text-shadow: none !important;
}

.ac-auth-box .ac-submit-button #wp-submit:hover,
.ac-auth-box .ac-submit-button button[type="submit"]:hover,
.ac-auth-box .ac-submit-button input[type="submit"]:hover {
    background: linear-gradient(180deg, #4C8BF8, #2563EB 55%, #1D4ED8) !important;
    filter: brightness(1.06);
}
.ac-auth-box .ac-submit-button #wp-submit:active,
.ac-auth-box .ac-submit-button button[type="submit"]:active,
.ac-auth-box .ac-submit-button input[type="submit"]:active { transform: scale(.98); }

#wp-submit { background: linear-gradient(180deg, #4C8BF8, #2563EB 55%, #1D4ED8) !important; }

/* 6. Messaggio di errore */
.ac-auth-box .ac-error-message {
    background: #FEE4E2;
    color: #B42318;
    border: 1px solid rgba(240,68,56,.26);
    padding: 12px 14px;
    border-radius: 14px;
    margin: 0 0 20px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

/* 7. Link */
.ac-auth-box .ac-auth-link {
    margin: 20px 0 0;
    font-size: 14px;
}
.ac-auth-box .ac-auth-link a {
    color: #1D4ED8;
    font-weight: 600;
    text-decoration: none;
}
.ac-auth-box .ac-auth-link a:hover { text-decoration: underline; }

@media screen and (max-width: 768px) {
    .ac-auth-box {
        padding: 30px 22px 26px;
        border-radius: 28px;
        width: auto;
        max-width: 420px;
    }
    .ac-auth-box form,
    .ac-auth-box #ac_login_form {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .ac-auth-box input[type="text"],
    .ac-auth-box input[type="password"],
    .ac-auth-box button[type="submit"],
    .ac-auth-box input[type="submit"] {
        width: 100% !important;
        font-size: 16px;
    }
}