/* Flickamo — login / register page, plus a light skin for wp-login.php */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

/* ---------- front-end [flickamo_login] ---------- */
.fl-auth{
  --bg:#f6f4ee; --ink:#242820; --muted:#7b7e72; --line:#e4e4da;
  --orange:#d85c36; --green:#444f3b;
  min-height:70vh; display:flex; align-items:center; justify-content:center;
  padding:40px 16px; font:14px/1.5 'DM Sans',system-ui,sans-serif; color:var(--ink);
}
.fl-auth-card{
  width:100%; max-width:380px; background:#fff; border:1px solid var(--line);
  border-radius:16px; padding:30px 28px; box-shadow:0 12px 40px rgba(40,44,34,.08);
}
.fl-auth-brand{display:flex;align-items:center;gap:11px;font:800 24px/1 'Manrope',sans-serif;
  letter-spacing:-1px;margin-bottom:4px}
.fl-auth-brand .fl-auth-mark{background:var(--green);color:#faf8ee;width:44px;height:44px;
  border-radius:13px;display:grid;place-content:center;font-weight:700;position:relative}
.fl-auth-brand .fl-auth-mark i{color:#edbb74;position:absolute;right:-5px;top:-7px;font-size:17px;font-style:normal}
.fl-auth-brand b{color:var(--orange)}
.fl-auth-logo{height:42px;width:auto;max-width:100%;display:block}
.fl-auth-tag{color:var(--muted);margin:14px 0 20px;font-size:13px}
.fl-auth-form{display:grid;gap:12px}
.fl-auth-form label{display:grid;gap:5px;font-size:12px;font-weight:600;color:#53594b}
.fl-auth-form label small{font-weight:400;color:var(--muted)}
.fl-auth-form input[type=text],
.fl-auth-form input[type=email],
.fl-auth-form input[type=password]{
  width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;font:inherit;background:#fcfcf9}
.fl-auth-form input:focus{outline:3px solid var(--orange);outline-offset:1px;border-color:var(--orange)}
.fl-auth-check{display:flex;align-items:center;gap:8px;font-weight:400;color:var(--muted)}
.fl-auth-btn{display:block;text-align:center;text-decoration:none;border:0;background:var(--orange);
  color:#fff;border-radius:9px;padding:12px 16px;font-weight:650;font-size:14px;cursor:pointer;margin-top:4px}
.fl-auth-btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.fl-auth-link{display:inline-block;margin-top:4px;font-size:12px;color:var(--muted);text-decoration:none}
.fl-auth-link:hover{color:var(--orange)}
.fl-auth-sep{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;
  text-transform:uppercase;letter-spacing:.6px;margin:20px 0 14px}
.fl-auth-sep:before,.fl-auth-sep:after{content:'';height:1px;background:var(--line);flex:1}
.fl-auth-note{color:var(--muted);font-size:12px;margin:16px 0 0;text-align:center}
.fl-auth-invited{background:#eceee3;border:1px solid #d9ddcf;border-radius:9px;padding:11px 13px;
  font-size:13px;margin-bottom:14px}
.fl-auth-msg{border-radius:9px;padding:10px 13px;font-size:13px;margin-bottom:14px}
.fl-auth-msg.err{background:#f8e7e0;color:#9a3a1d;border:1px solid #efcbbd}
.fl-auth-msg.ok{background:#e6ede0;color:#3c4e32;border:1px solid #cfdcc3}
/* honeypot: hidden from humans */
.fl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* The login card stays light even in dark mode so the olive logo and dark form
   text remain legible (the app itself is light-only). */

/* ---------- wp-login.php skin (password resets, etc.) ---------- */
body.login{background:#f6f4ee}
body.login #login h1 a{
  background-size:contain;background-position:center;background-repeat:no-repeat;
  width:210px;height:58px;text-indent:-9999px;overflow:hidden;margin:0 auto 18px}
body.login #loginform,body.login #registerform,body.login #lostpasswordform{
  border:1px solid #e4e4da;border-radius:14px;box-shadow:0 12px 40px rgba(40,44,34,.08)}
body.login .button-primary{
  background:#d85c36!important;border-color:#c24e2b!important;box-shadow:none!important;
  text-shadow:none!important;border-radius:8px}
body.login a{color:#7b7e72}
body.login a:hover{color:#d85c36}
body.login input[type=text]:focus,body.login input[type=password]:focus{
  border-color:#d85c36;box-shadow:0 0 0 1px #d85c36}