/* ===========================================================
   STYLES SPÉCIFIQUES LOGIN / REGISTER - AVEC SCROLLBAR ORANGE
   =========================================================== */

/* ========================
   CUSTOM SCROLLBAR (GLOBALE)
   ======================== */
html {
    scrollbar-width: thin;
    scrollbar-color: #FF7900 rgba(255, 255, 255, 0.05);
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.02);
}

::-webkit-scrollbar-thumb {
    background: #FF7900;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb:hover {
    background: #e66d00;
    cursor: pointer;
}

/* Conteneur centré sur toute la hauteur */
.page-full-center {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
}

.login-container {
    width: 420px; border-radius: 22px; padding: 28px 26px 24px; position: relative;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45); border: 1px solid rgba(255, 255, 255, 0.06);
}
.dark-theme .login-container { background: radial-gradient(circle at top, rgba(80, 120, 200, 0.25), transparent 60%), #111827; }
.light-theme .login-container { background: #ffffff; border: 1px solid #e1e1e1; }

.logo-banner { width: 100%; padding: 0; background: none; margin-bottom: 18px; display: flex; justify-content: center; align-items: center; }
.light-theme .logo-banner { background: #f5f5f5; }
.logo-banner img { width: 78%; display: block; padding: 6px; background: transparent; border: 1px solid rgba(0, 0, 0, 0.85); border-radius: 12px; }

.login-title { text-align: center; font-size: 1.4rem; font-weight: 600; margin-bottom: 4px; }
.dark-theme .login-title { color: #f3f4ff; }
.light-theme .login-title { color: #111827; }

.login-subtitle { text-align: center; font-size: 0.9rem; opacity: 0.75; margin-bottom: 18px; }

.login-form label { font-size: 0.9rem; display: block; margin-bottom: 4px; }
.dark-theme .login-form label { color: #e5e7eb; }
.light-theme .login-form label { color: #374151; }

.login-form input { width: 100%; padding: 11px 12px; border-radius: 12px; border: 1px solid transparent; font-size: 0.95rem; margin-bottom: 14px; outline: none; transition: 0.2s ease; }
.dark-theme .login-form input { background: #1f2937; color: #f9fafb; border-color: #111827; }
.dark-theme .login-form input:focus { border-color: #3b82f6; box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.7); }
.light-theme .login-form input { background: #f9fafb; color: #111827; border-color: #e5e7eb; }
.light-theme .login-form input:focus { border-color: #FF7900; box-shadow: 0 0 0 1px rgba(255, 121, 0, 0.55); }

.btn-submit { width: 60%; margin: 20px auto 0 auto; display: block; padding: 11px 0; border-radius: 999px; border: none; font-size: 0.98rem; font-weight: 600; cursor: pointer; transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.15s ease; }
.dark-theme .btn-submit { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #f9fafb; box-shadow: 0 10px 25px rgba(37, 99, 235, 0.35); }
.light-theme .btn-submit { background: linear-gradient(135deg, #FF7900, #ff9a3a); color: #ffffff; box-shadow: 0 10px 24px rgba(255, 121, 0, 0.35); }
.btn-submit:hover { filter: brightness(1.06); transform: translateY(-1px); }
.btn-submit:active { transform: translateY(0); box-shadow: none; }

.login-extra { margin-top: 14px; text-align: center; font-size: 0.9rem; }
.login-extra a { text-decoration: none; margin: 0 6px; }
.dark-theme .login-extra a { color: #93c5fd; }
.light-theme .login-extra a { color: #FF7900; }
.login-extra a:hover { text-decoration: underline; }

.login-info-box { margin-top: 18px; padding: 10px 12px; border-radius: 12px; font-size: 0.85rem; text-align: center; }
.dark-theme .login-info-box { background: rgba(15, 23, 42, 0.9); color: #e5e7eb; }
.light-theme .login-info-box { background: #fff7ed; color: #7c2d12; border: 1px solid #fed7aa; }

.login-alert { padding: 10px 12px; border-radius: 10px; margin-bottom: 10px; font-size: 0.9rem; text-align: center; }
.login-alert-error { background: #b91c1c; color: #fef2f2; }
.dark-theme .login-alert:not(.login-alert-error) { background: #14532d; color: #bbf7d0; }
.light-theme .login-alert:not(.login-alert-error) { background: #dcfce7; color: #166534; }