/* === IKS Marken-Tokens === */
:root{
  --iks-blue:#11478b; --iks-navy:#0d3669; --iks-muted:#6082b7;
  --iks-mist:#e4ecf4; --iks-mist-2:#f2f6fb; --iks-line:#d3ddec;
}
/* Schriften lokal aus dem Theme (DSGVO, keine Google Fonts) */
@font-face{
  font-family:'Inter'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('/app/themes/kubaschewski/resources/fonts/inter-latin-var.woff2') format('woff2');
}
@font-face{
  font-family:'Source Serif 4'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('/app/themes/kubaschewski/resources/fonts/source-serif-4-latin-var.woff2') format('woff2');
}

/* --- Formularfelder, für alle Entwürfe gleich --- */
body.login #loginform label{font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:var(--iks-navy);}
body.login input[type=text],
body.login input[type=password]{
  font-family:'Inter',sans-serif;font-size:15px;color:var(--iks-navy);
  background:#fff;border:1.5px solid var(--iks-line);border-radius:4px;
  padding:12px 14px;box-shadow:none;
}
body.login input[type=text]:focus,
body.login input[type=password]:focus{
  border-color:var(--iks-blue);box-shadow:0 0 0 3px rgba(17,71,139,.16);
}
body.login .forgetmenot label{font-family:'Inter',sans-serif;font-size:13.5px;color:var(--iks-navy);}
body.login #rememberme{accent-color:var(--iks-blue);}
body.login .wp-hide-pw .dashicons{color:var(--iks-muted);}

/* --- Anmelde-Button --- */
body.login #wp-submit,
body.login .button-primary{
  font-family:'Inter',sans-serif;font-weight:700;font-size:16px;line-height:1;letter-spacing:0;
  width:100%;min-height:0;height:auto;background:var(--iks-blue);border:0;border-radius:4px;
  padding:12px 24px;text-shadow:none;box-shadow:none;transition:background .15s,color .15s;
}
/* Hover/pressed/focus wie die Primary-Buttons im Theme (blocks/buttons.css) */
body.login #wp-submit:hover,
body.login .button-primary:hover{background:#c7d5e7;color:#11478b;box-shadow:inset 0 0 0 1px #11478b;}
body.login #wp-submit:active,
body.login .button-primary:active{background:#0d3669;color:#fff;box-shadow:none;}
body.login #wp-submit:focus-visible,
body.login .button-primary:focus-visible{background:#c7d5e7;color:#11478b;outline:none;box-shadow:0 0 0 2px #fff,0 0 0 3px #11478b;}

/* --- Links --- */
body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a{font-family:'Inter',sans-serif;font-weight:600;color:var(--iks-blue);}
body.login #nav a:hover{color:var(--iks-navy);}
body.login #backtoblog a{color:var(--iks-muted);font-weight:500;}

/* --- Logo (Theme-Logo, 344×122) --- */
body.login h1 a{
  background-image:url('/app/themes/kubaschewski/resources/images/logo.svg');
  background-size:contain;background-position:center;width:300px;height:106px;
}

/* ===== ENTWURF 4 · Cover Editorial (Porträt rechts · Karte links) ===== */
body.login{background:#f4f7fb;}
/* Cover rechts, nach links weich ausgeblendet, damit die Karte frei steht */
body.login::before{
  content:""; position:fixed; inset:0 0 0 auto; width:66%; z-index:0;
  background:url('/app/uploads/2026/09/login-bg-scaled.webp') right center/cover no-repeat;
  -webkit-mask:linear-gradient(90deg, transparent 0, #000 52%);
          mask:linear-gradient(90deg, transparent 0, #000 52%);
}
#login{position:relative; z-index:2; width:404px; margin:0 auto 0 8vw; padding:6% 0 0;}
#login h1 a{margin:0 auto 22px;}   /* Logo zentriert ueber der Karte */

/* Formularfeld mit grossem „K“ als Hintergrund, rechts unten angeschnitten */
#loginform{
  position:relative; overflow:hidden;
  background:#fff; border:1px solid #e6edf6; border-radius:12px; padding:32px;
  box-shadow:0 34px 80px -36px rgba(13,54,105,.55);
}
#loginform::before{
  content:"K"; position:absolute; z-index:0; pointer-events:none;
  right:-36px; top:50%; transform:translateY(-50%);
  font-family:'Source Serif 4',Georgia,serif; font-weight:700;
  font-size:340px; line-height:.7; color:var(--iks-blue); opacity:.08;
}
#loginform > *{position:relative; z-index:1;}   /* Formularinhalte ueber dem K */
body.login #nav,body.login #backtoblog,body.login .privacy-policy-page-link{text-align:left;}
body.login .privacy-policy-page-link{padding:0 24px; margin:24px 0 0;}
/* Sprachumschalter unter der Karte statt mittig über dem Bild */
.language-switcher{position:relative; z-index:2; width:404px; margin:24px auto 0 8vw; padding:0 24px; box-sizing:border-box; text-align:left;}
.language-switcher form{margin:0;}

@media (max-width:782px){
  body.login::before{display:none;}
  #login,.language-switcher{width:auto; max-width:404px; margin:0 auto; padding:24px 16px 0;}
}