/*
|--------------------------------------------------------------------------
| UNITRA AUTH FINAL COMPACT UI
|--------------------------------------------------------------------------
*/

body{
    background:#F7FBFE;
}

/*
|--------------------------------------------------------------------------
| Hide large marketing / explanation panels
|--------------------------------------------------------------------------
*/

.auth-hero,
.auth-info-panel,
.left-panel,
.marketing-panel,
.info-panel,
.feature-panel,
.account-info,
.account-benefits{
    display:none !important;
}

/*
|--------------------------------------------------------------------------
| Hide known explanatory language blocks
|--------------------------------------------------------------------------
*/

[data-i18n="panel_desc"],
[data-i18n="item1_desc"],
[data-i18n="item2_desc"],
[data-i18n="item3_desc"],
[data-i18n="submit_note"],
[data-i18n="badge_bookings"]{
    display:none !important;
}

/*
|--------------------------------------------------------------------------
| Main authentication container
|--------------------------------------------------------------------------
*/

.auth-wrapper,
.login-wrapper,
.register-wrapper,
.main-content,
.content-wrapper{
    max-width:760px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/*
|--------------------------------------------------------------------------
| Keep form card compact and premium
|--------------------------------------------------------------------------
*/

form{
    max-width:680px;
    margin-left:auto;
    margin-right:auto;
}

input,
select,
textarea{
    border-radius:12px !important;
}

input,
select{
    min-height:50px;
}

textarea{
    min-height:90px;
}

button[type="submit"]{
    min-height:50px;
    border-radius:12px !important;
    font-weight:800 !important;
}

/*
|--------------------------------------------------------------------------
| Reduce unnecessary paragraph density
|--------------------------------------------------------------------------
*/

form + p,
.form-note,
.form-description,
.helper-copy{
    font-size:13px !important;
    line-height:1.45 !important;
}

/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media(max-width:768px){

    .auth-wrapper,
    .login-wrapper,
    .register-wrapper,
    .main-content,
    .content-wrapper{
        width:94% !important;
    }
}

/*
|--------------------------------------------------------------------------
| UNITRA AUTH V1.2 — CENTERING + WHATSAPP
|--------------------------------------------------------------------------
*/

.unitra-auth-main-center{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
}

.unitra-auth-main-center > *{
    margin-left:auto !important;
    margin-right:auto !important;
}

.unitra-auth-card-center{
    width:min(520px, 92vw) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/*
|--------------------------------------------------------------------------
| Support / WhatsApp
|--------------------------------------------------------------------------
*/

.unitra-whatsapp-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    text-decoration:none !important;
    font-weight:800 !important;
}

.unitra-whatsapp-icon{
    width:28px;
    height:28px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#25D366;
    color:#fff;
    font-size:16px;
    line-height:1;
}

.unitra-support-number{
    display:inline;
}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media(max-width:768px){

    .unitra-support-number{
        display:none !important;
    }

    .unitra-whatsapp-link{
        padding:8px !important;
        min-width:42px !important;
        min-height:42px !important;
        border-radius:999px !important;
    }

    .unitra-auth-card-center{
        width:min(94vw, 520px) !important;
    }

}

/*
|--------------------------------------------------------------------------
| UNITRA AUTH V1.2.1
|--------------------------------------------------------------------------
*/

.unitra-auth-parent-center{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
}

.unitra-auth-real-card,
.unitra-auth-card-center{
    width:min(520px,92vw) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.unitra-whatsapp-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    text-decoration:none !important;
}

.unitra-whatsapp-symbol{
    display:inline-flex;
    width:27px;
    height:27px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#25D366;
    font-size:14px;
}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media(max-width:768px){

    .unitra-support-number{
        display:none !important;
    }

    .unitra-whatsapp-link{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        padding:0 !important;
        border-radius:999px !important;
    }

    .unitra-whatsapp-symbol{
        width:30px;
        height:30px;
    }

    .unitra-auth-real-card,
    .unitra-auth-card-center{
        width:min(94vw,520px) !important;
    }
}

/*
|--------------------------------------------------------------------------
| UNITRA WhatsApp Support — Real Click Target
|--------------------------------------------------------------------------
*/

.unitra-whatsapp-support{
    display:inline-flex !important;
    align-items:center !important;
    padding:0 !important;
}

.unitra-whatsapp-support .unitra-whatsapp-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    width:100%;
    height:100%;
    cursor:pointer !important;
    pointer-events:auto !important;
    position:relative !important;
    z-index:20 !important;
}

.unitra-whatsapp-support .unitra-whatsapp-link:hover{
    opacity:.88;
}

@media(max-width:768px){

    .unitra-whatsapp-support{
        width:42px !important;
        height:42px !important;
        border-radius:999px !important;
    }

}
