/* Register — layout large (styles communs dans IdentityShared.css) */

.identity-page.mainContainer,
.mainContainer {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.formMain {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.formRow {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    margin-bottom: 0.75rem;
}

.formRowCheckbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1rem 0 0.75rem;
    gap: 0.65rem;
    max-width: 500px;
    width: 100%;
}

.labelText {
    margin-top: 5px;
}

.inputTextBox {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.identity-page .inputTextBox,
.identity-page .formRow .inputTextBox {
    display: block;
}

/* Place pour œil + password manager */
.identity-page .divPwdButton .inputTextBox {
    padding-right: 2.75rem;
}

.checkBox {
    margin-right: 15px;
    min-width: 1.25rem;
    min-height: 1.25rem;
}

.divPwdButton {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    align-items: center;
}

.blockTextAlreadyHaveLogin {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    background: color-mix(in srgb, var(--tertiarylightbrush) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--tertiarylightbrush) 22%, transparent);
    padding: 1rem 1.2rem;
    border-radius: 14px;
    max-width: 100%;
    align-self: stretch;
    margin: 0.15rem 0 1.5rem;
    color: var(--textbrush);
    box-shadow: 0 0 0 1px color-mix(in srgb, #fff 35%, transparent) inset;
}

.blockTextLabelLink {
    color: color-mix(in srgb, var(--tertiarylightbrush) 62%, #000);
    text-decoration: none;
    margin-left: 5px;
    font-weight: 600;
}

.blockTextLabelLink:hover {
    text-decoration: underline;
    color: color-mix(in srgb, var(--tertiarylightbrush) 45%, #000);
}

/* Le package met opacity: 0.25 sur ButtonPrimary:disabled — le gif de chargement devient invisible. */
#registerSubmit.ButtonPrimary:disabled {
    opacity: 1 !important;
}

.identity-page.mainContainer .form-group.text-center {
    width: 100%;
    max-width: 500px;
}

.identity-page.mainContainer .ButtonPrimary,
.identity-page.mainContainer .ButtonSecondary {
    width: 100%;
    max-width: 500px;
    min-width: 0;
}

@media (max-width: 768px) {
    .formRowCheckbox {
        margin: 12px 0;
    }

    .formMain .ButtonPrimary {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .blockTextAlreadyHaveLogin {
        text-align: center;
    }
}