/*
 Theme Name:   Fibercop Child
 Theme URI:    https://fibercop.it
 Description:  Tema child di Fibercop WDC LandingPage
 Author:       Julian Verardi Nichi
 Template:     fibercop
 Version:      1.0.0
 Text Domain:  fibercop-child
*/

/* Layout del form di login con campi sulla stessa riga */
#loginform-area-privata,
#loginform-area-marketing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

/* Username e Password occupano una colonna ciascuno */
#loginform-area-privata .login-username,
#loginform-area-privata .login-password,
#loginform-area-marketing .login-username,
#loginform-area-marketing .login-password {
    margin: 0;
}

/* Ricordami occupa entrambe le colonne */
#loginform-area-privata p.forgetmenot,
#loginform-area-marketing p.forgetmenot {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
}

/* Submit occupa entrambe le colonne e centra il bottone */
#loginform-area-privata .login-submit,
#loginform-area-marketing .login-submit {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    margin: 0;
}

/* Label dei campi */
#loginform-area-privata label,
#loginform-area-marketing label {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

/* Input text e password */
#loginform-area-privata input[type="text"],
#loginform-area-privata input[type="password"],
#loginform-area-marketing input[type="text"],
#loginform-area-marketing input[type="password"] {
    width: 100%;
    max-width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.375rem;
    font-size: 1.0rem;
}

#loginform-area-privata input[type="text"]:focus,
#loginform-area-privata input[type="password"]:focus,
#loginform-area-marketing input[type="text"]:focus,
#loginform-area-marketing input[type="password"]:focus {
    outline: none;
    border-color: var(--bs-primary, #0d6efd);
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Pulsante di submit centrato e non a tutta larghezza */
#loginform-area-privata input[type="submit"],
#loginform-area-marketing input[type="submit"] {
    width: auto;
    min-width: 200px;
    padding: 0.6rem 2rem;
    background-color: var(--bs-primary, #0d6efd);
    color: white;
    border: none;
    border-radius: 0.375rem;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
}

#loginform-area-privata input[type="submit"]:hover,
#loginform-area-marketing input[type="submit"]:hover {
    background-color: #0b5ed7;
}

#loginform-area-privata input[type="submit"]:active,
#loginform-area-marketing input[type="submit"]:active {
    background-color: #0a58ca;
}

/* Responsive: su mobile torna a layout verticale */
@media (max-width: 768px) {
    #loginform-area-privata,
    #loginform-area-marketing {
        grid-template-columns: 1fr;
    }

    #loginform-area-privata .login-username,
    #loginform-area-privata .login-password,
    #loginform-area-marketing .login-username,
    #loginform-area-marketing .login-password {
        grid-column: 1;
    }
}

/* Blocco extra sotto login */
.wdc-login-extra {
    font-size: 0.8rem;
}