.language-switcher, #backtoblog {
    display: none;
}

.dashicons:before {
    color: #EC6E06 !important;
}

#mo_saml_button {
    margin-bottom: 2em;
}

.mo-saml-or-separator {
    text-align: left !important;
    max-width: 100% !important;
}

.mo-saml-or-separator:after {
    content: 'Vous n’avez pas d’adresse @ccpvm.fr ? Utilisez votre adresse e-mail personnelle :';
    font-weight: 500;
    color: #6b7280; /* gray-500 */
}

.mo-saml-or-separator b {
    display: none;
}

/* Base page setup */

body.login {
    margin: 0;
    background: #ffffff;
    min-height: 100vh;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji",
    "Segoe UI Emoji";
    color: #111827; /* gray-900 */
}

body.login #login {
    /* WordPress sets width/margins; we control it here */
    width: 100%;
    max-width: 24rem; /* ~max-w-sm */
    padding: 0;
    margin: 0;
}

/* Hide default WP logo block (we render our own above) */
body.login #login h1 {
    display: none;
}

/* Two-column layout wrapper */
.tw-login {
    display: flex;
    min-height: 100vh;
}

.tw-login__left {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem 1rem; /* py-12 px-4 */
}

@media (min-width: 640px) {
    .tw-login__left {
        padding-left: 1.5rem; /* sm:px-6 */
        padding-right: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .tw-login__left {
        flex: 0 0 auto;
        width: 50%;
        padding-left: 5rem; /* lg:px-20 */
        padding-right: 5rem;
    }
}

.tw-login__container {
    width: 100%;
    max-width: 24rem; /* match form width */
}

.tw-login__brand {
    margin: 0 auto;
}

.tw-login__logo {
    height: 2.5rem; /* h-10 */
    width: auto;
    display: block;
}

.tw-login__title {
    margin: 2rem 0 0; /* mt-8 */
    font-size: 1.5rem; /* text-2xl */
    line-height: 2rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #111827;
}

.tw-login__subtitle {
    margin: 0.5rem 0 0;
    font-size: 0.875rem; /* text-sm */
    line-height: 1.25rem;
    color: #6b7280; /* gray-500 */
}

.tw-subtext {
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #6b7280;
}

.tw-link {
    color: #EC6E06; /* indigo-600 */
    font-weight: 600;
    text-decoration: none;
}

.tw-link:hover {
    color: #EC6E06; /* indigo-500 */
    text-decoration: underline;
}

.tw-login__wpwrap {
    margin-top: 2.5rem; /* mt-10 */
}

/* Right cover image column */
.tw-login__right {
    display: none;
    position: relative;
    flex: 1 1 auto;
    background-size: cover;
    background-position: center;
}

@media (min-width: 1024px) {
    .tw-login__right {
        display: block;
    }
}

/* Remove WP default “card” styling so it feels like Tailwind template */
body.login #loginform,
body.login #registerform,
body.login #lostpasswordform,
body.login #resetpassform {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    overflow: visible;
}

/* Field labels */
body.login #loginform label,
body.login #registerform label,
body.login #lostpasswordform label,
body.login #resetpassform label {
    display: block;
    font-size: 0.875rem; /* text-sm */
    line-height: 1.25rem;
    font-weight: 500;
    color: #111827;
    margin: 0 0 0.5rem; /* mt-2 equivalent spacing via field wrapper */
}

/* Input styling to mimic template */
body.login #loginform input[type="text"],
body.login #loginform input[type="password"],
body.login #loginform input[type="email"],
body.login #registerform input[type="text"],
body.login #registerform input[type="password"],
body.login #registerform input[type="email"],
body.login #lostpasswordform input[type="text"],
body.login #lostpasswordform input[type="email"],
body.login #resetpassform input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d1d5db; /* gray-300 */
    border-radius: 0.375rem; /* rounded-md */
    background: #ffffff;
    padding: 0.375rem 0.75rem; /* py-1.5 px-3 */
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #111827;
    outline: none;
}

body.login #loginform input:focus,
body.login #registerform input:focus,
body.login #lostpasswordform input:focus,
body.login #resetpassform input:focus {
    border-color: #EC6E06;
    box-shadow: 0 0 0 3px rgba(236, 110, 6, 0.15); /* soft indigo ring */
}

/* WP wraps fields in <p> tags; create “space-y-6” feel */
body.login #loginform p,
body.login #registerform p,
body.login #lostpasswordform p,
body.login #resetpassform p {
    margin: 0 0 1.5rem; /* space-y-6 */
}

body.login #loginform p.submit,
body.login #registerform p.submit,
body.login #lostpasswordform p.submit,
body.login #resetpassform p.submit {
    margin-top: 0;
    margin-bottom: 0;
}

/* Primary button */
body.login #loginform input[type="submit"],
body.login #registerform input[type="submit"],
body.login #lostpasswordform input[type="submit"],
body.login #resetpassform input[type="submit"] {
    width: 100%;
    border: 0;
    border-radius: 0.375rem;
    background: #EC6E06; /* indigo-600 */
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
}

body.login #loginform input[type="submit"]:hover,
body.login #registerform input[type="submit"]:hover,
body.login #lostpasswordform input[type="submit"]:hover,
body.login #resetpassform input[type="submit"]:hover {
    background: #EC6E06; /* indigo-500 */
}

/* Remember me block */
body.login p.forgetmenot {
    display: flex;
    gap: 0.5rem;
    margin-top: -0.5rem; /* tighten spacing */
}

body.login p.forgetmenot input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    accent-color: #EC6E06;
}

body.login p.forgetmenot label {
    margin: 0;
    font-weight: 400;
    color: #111827;
}

/* Links under the form (#nav + #backtoblog) */
body.login #nav,
body.login #backtoblog {
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 0.875rem;
    color: #6b7280;
}

body.login #nav a,
body.login #backtoblog a {
    color: #EC6E06;
    font-weight: 600;
    text-decoration: none;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
    color: #EC6E06;
    text-decoration: underline;
}

/* Messages (success/info/error) */
body.login .message,
body.login #login_error,
body.login .success {
    border-left: 0;
    padding: 0.75rem 0.75rem;
    margin: 0 0 1rem;
    border-radius: 0.375rem;
    box-shadow: none;
    background: #f9fafb; /* gray-50 */
    color: #111827;
}

body.login #login_error {
    background: #fef2f2; /* red-50 */
}

/* Remove default WP shake animation spacing quirks */