/* Chœur 2026 — page de connexion aux couleurs de la charte (bleu-nuit, terracotta, sable). Mobile first. */
body.login{background:#1F2A44 !important;color:#F7F3EC;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;position:relative;overflow-x:hidden;min-height:100vh}
body.login::before{content:"";position:fixed;width:120vmax;height:120vmax;right:-70vmax;top:-70vmax;border-radius:50%;background:radial-gradient(circle,#C8553D66,#C8553D11 45%,transparent 65%);pointer-events:none}
body.login::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
#login{width:min(100% - 32px,380px);padding:6vh 0 32px;position:relative;z-index:1}
.login h1 a{background-image:var(--cv-login-logo) !important;background-color:#F7F3EC;background-size:78% auto !important;background-position:center !important;background-repeat:no-repeat !important;
  width:112px !important;height:112px !important;border-radius:38% 62% 55% 45%/48% 42% 58% 52%;margin:0 auto 20px !important;box-shadow:0 24px 50px -24px #000c;animation:cvl-blob 12s ease-in-out infinite}
@keyframes cvl-blob{50%{border-radius:55% 45% 40% 60%/40% 58% 42% 60%}}
.login h1::after{content:"Espace membres";display:block;text-align:center;font:800 1.9rem/1.1 "Bricolage Grotesque","Trebuchet MS",sans-serif;letter-spacing:-.02em;color:#F7F3EC;margin-bottom:6px}
.login form{background:#FFFFFF !important;border:0 !important;border-radius:24px !important;padding:26px 22px !important;box-shadow:0 30px 70px -30px #000c !important;margin-top:16px !important}
.login label{color:#1F2A44 !important;font-weight:600;font-size:.92rem}
.login input[type=text],.login input[type=password],.login input[type=email]{min-height:48px;border-radius:14px !important;border:1.5px solid #E2D8C9 !important;background:#FBF7F1 !important;color:#1F2A44 !important;font-size:1rem !important;padding:0 14px !important;box-shadow:none !important}
.login input[type=text]:focus,.login input[type=password]:focus,.login input[type=email]:focus{border-color:#C8553D !important;box-shadow:0 0 0 4px #C8553D33 !important;outline:none !important}
.login .button.wp-hide-pw{min-height:48px;color:#5B6479}
.login .button.wp-hide-pw:focus{border-color:#C8553D;box-shadow:0 0 0 2px #C8553D}
.login .forgetmenot label{font-weight:500}
.login input[type=checkbox]:checked::before{filter:hue-rotate(160deg)}
.wp-core-ui .button-primary,.login .button-primary{background:#C8553D !important;border:0 !important;border-radius:999px !important;min-height:46px !important;padding:0 24px !important;font-weight:600 !important;font-size:1rem !important;text-shadow:none !important;box-shadow:0 10px 24px -12px #C8553D !important;transition:transform .3s cubic-bezier(.2,.8,.2,1.2),background .2s}
.wp-core-ui .button-primary:hover,.wp-core-ui .button-primary:focus{background:#B0432C !important;transform:translateY(-2px)}
.wp-core-ui .button-primary:focus{box-shadow:0 0 0 3px #FBF7F1,0 0 0 5px #C8553D !important}
.login #nav,.login #backtoblog{text-align:center;padding:0 !important;margin:16px 0 0 !important}
.login #nav a,.login #backtoblog a,.login .privacy-policy-page-link a{color:#E8DCCB !important;text-decoration:none;font-weight:500}
.login #nav a:hover,.login #backtoblog a:hover{color:#FFFFFF !important;text-decoration:underline}
.login .message,.login .notice,.login .success{border-left-color:#C8553D !important;border-radius:14px;background:#FFFFFF;color:#1F2A44;box-shadow:none}
.login #login_error{border-left-color:#B0432C !important;border-radius:14px;color:#1F2A44}
.login .language-switcher{position:relative;z-index:1}
.login .language-switcher label .dashicons{color:#E8DCCB}
.login .privacy-policy-page-link{position:relative;z-index:1}
@media (min-width:640px){#login{padding-top:9vh}.login form{padding:30px 28px !important}.login h1 a{width:128px !important;height:128px !important}}
@media (prefers-reduced-motion:reduce){.login h1 a{animation:none}.wp-core-ui .button-primary{transition:none}}