/*
 * YOORshop Cartx V36 — commutateur Nouveau compte / Compte existant.
 * Le checkout natif conserve ses IDs et ses handlers WHMCS.
 */

body.checkout .full-sign,
body.checkout .full-sign * {
    box-sizing: border-box !important;
}

body.checkout .full-sign {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 14px !important;
    border: 1px solid #d7e3ed !important;
    border-radius: 14px !important;
    background: #eef4fa !important;
    box-shadow: 0 8px 22px rgba(6,27,53,.07) !important;
}

body.checkout .full-sign .account-colam,
body.checkout .full-sign #newuser,
body.checkout .full-sign #exitinguser {
    float: none !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-direction: column !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 170px !important;
    margin: 0 !important;
    padding: 20px !important;
    border: 1px solid #d5e1ec !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #20364d !important;
    box-shadow: none !important;
}

body.checkout .full-sign .sign-titel {
    margin: 0 0 12px !important;
    color: #0b579f !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

body.checkout .full-sign .acct-box {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-width: 0 !important;
}

body.checkout .full-sign .acct-box h3 {
    margin: 0 0 6px !important;
    color: #20364d !important;
    font-size: 17px !important;
    font-weight: 800 !important;
}

body.checkout .full-sign .acct-box p {
    margin: 0 0 16px !important;
    color: #64788d !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

body.checkout #btnNewUserSignup,
body.checkout #btnAlreadyRegistered {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    margin: auto 0 0 !important;
    padding: 10px 18px !important;
    border: 1px solid #0b579f !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: #0b579f !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.checkout #btnNewUserSignup:hover,
body.checkout #btnNewUserSignup:focus,
body.checkout #btnAlreadyRegistered:hover,
body.checkout #btnAlreadyRegistered:focus {
    border-color: #ffc400 !important;
    background: #fff8d6 !important;
    color: #071f3a !important;
}

body.checkout .full-sign.ys36-new-mode #newuser,
body.checkout .full-sign.ys36-existing-mode #exitinguser {
    border-color: #0b579f !important;
    background: #f8fbff !important;
    box-shadow: inset 0 -4px 0 #ffc400 !important;
}

body.checkout .full-sign.ys36-new-mode #btnNewUserSignup,
body.checkout .full-sign.ys36-existing-mode #btnAlreadyRegistered {
    border-color: #ffc400 !important;
    background: #ffc400 !important;
    color: #071f3a !important;
}

body.checkout #containerExistingUserSignin:not(.hidden) {
    margin-bottom: 12px !important;
    padding: 16px 14px 4px !important;
    border: 1px solid #d7e3ed !important;
    border-radius: 12px !important;
    background: #f8fbff !important;
}

@media (max-width: 767px) {
    body.checkout .full-sign {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 10px !important;
    }
    body.checkout .full-sign .account-colam,
    body.checkout .full-sign #newuser,
    body.checkout .full-sign #exitinguser {
        min-height: 0 !important;
        padding: 16px !important;
    }
}