/* ==========================================================
   ÁREA PÚBLICA
   ========================================================== */

/* Remove completamente o navbar quando o usuário está deslogado */
.empresa-public-page #navbar {
    display: none !important;
}


/* ==========================================================
   PÁGINA DE LOGIN
   ========================================================== */

.empresa-login-page .page-content {
    min-height: calc(100vh - 60px) !important;
}


/* ==========================================================
   WRAPPER PRINCIPAL
   Logo + formulário
   ========================================================== */

.empresa-login-wrapper {
    position: fixed !important;

    top: 50% !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;

    width: calc(100% - 40px) !important;
    max-width: 500px !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 20px !important;

    box-sizing: border-box !important;

    z-index: 100;
}


/* ==========================================================
   LOGO WBS
   ========================================================== */

.empresa-login-logo {
    display: block !important;

    position: static !important;

    width: auto !important;
    height: auto !important;

    max-width: 300px !important;
    max-height: 110px !important;

    margin: 0 auto 30px auto !important;

    object-fit: contain !important;

    flex: none !important;
}


/* ==========================================================
   CONTEÚDO INTERNO DO LOGIN
   ========================================================== */

/*
   Todo elemento filho direto do wrapper,
   exceto o logo, deve usar a largura completa
*/
.empresa-login-wrapper > *:not(.empresa-login-logo) {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}


/* Containers do Forgejo */
.empresa-login-wrapper .ui.container {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


/* Segments / cards */
.empresa-login-wrapper .ui.segment {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


/* Formulário */
.empresa-login-wrapper form,
.empresa-login-wrapper .ui.form {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   CAMPOS
   ========================================================== */

.empresa-login-wrapper .field,
.empresa-login-wrapper .fields {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}


/* Inputs */
.empresa-login-wrapper input[type="text"],
.empresa-login-wrapper input[type="email"],
.empresa-login-wrapper input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   BOTÃO DE LOGIN
   ========================================================== */

.empresa-login-wrapper button,
.empresa-login-wrapper input[type="submit"],
.empresa-login-wrapper .ui.button {
    box-sizing: border-box !important;
}


/* Botão principal ocupando toda a largura */
.empresa-login-wrapper button[type="submit"],
.empresa-login-wrapper input[type="submit"] {
    width: 100% !important;
}


/* ==========================================================
   FORGOT PASSWORD
   ========================================================== */

/* Garantia adicional caso o JS não remova */
.empresa-login-page a[href*="/user/forgot_password"] {
    display: none !important;
}


/* ==========================================================
   FOOTER
   ========================================================== */

.empresa-public-page footer {
    text-align: center !important;
}


/* ==========================================================
   RESPONSIVIDADE
   ========================================================== */

@media (max-width: 600px) {

    .empresa-login-wrapper {
        width: calc(100% - 24px) !important;

        max-width: none !important;

        padding-left: 12px !important;
        padding-right: 12px !important;
    }


    .empresa-login-logo {
        max-width: 240px !important;
        max-height: 90px !important;

        margin-bottom: 25px !important;
    }
}

/* ==========================================================
   CORREÇÃO DO GRID DO NA PÁGINA DE LOGIN
   ========================================================== */

.empresa-login-page .ui.page.grid {
    width: 100% !important;

    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media only screen and (min-width: 1920px) {

    .empresa-login-page .ui.page.grid {
        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}