/* PP Login Splash – 80% Canvas, zentriert; feste Hintergrundfarbe + optionales Bild */
.pp-splash{
  position:fixed; inset:0;
  z-index: 2;
  background-color: var(--pp-bg-color, #0b1e2d);
  background-image: var(--pp-bg-image, none);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display:grid; place-items:center; padding:2rem;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.pp-splash::before{
  content:""; position:absolute; inset:0; background:rgba(0,0,0,.35);
}

/* 80%-Canvas mittig */
.pp-splash__canvas{
  position:relative; z-index:1;
  width: min(80vw, 1200px);
  height: 80vh;
  display:grid;
  align-content:center;
  justify-items:center;
  grid-auto-rows: max-content;
  row-gap: 22px;
  text-align:center;
}

/* Intro oben, Formular darunter; alles mittig */
.pp-splash__intro{ max-width:min(900px, 90%); color:#fff; line-height:1.6; font-size:1.1rem; }
.pp-splash__logo{ display:block; margin:0 auto 14px; max-height:80px; width:auto; object-fit:contain; }

.pp-splash__form{
  width:min(560px, 92vw);
  background:#fff; border-radius:14px; padding:24px 22px; box-shadow:0 10px 40px rgba(0,0,0,.25);
}

/* Standard-Formular-Elemente innerhalb des PP-Plugins */
.pp-splash__form form p { margin:0 0 14px; }
.pp-splash__form label { font-weight:600; display:block; margin-bottom:6px; }
.pp-splash__form input[type="password"],
.pp-splash__form input[type="text"]{
  width:100%; padding:12px 14px; border:1px solid #cfd8dc; border-radius:10px; outline:0;
}
.pp-splash__form input[type="submit"]{
  display:inline-block; margin-top:8px; padding:11px 14px; border:0; border-radius:10px; cursor:pointer;
  background:#0b1e2d; color:#fff; font-weight:600;
}

/* „Remember me“ besser lesbar nebeneinander */
.pp-splash__form p input[type="checkbox"] { margin-right:6px; }

/* WordPress/PP-Login Logo in der Template-Datei ausblenden */
body.login #login h1,
body.login #login h1 a{
  display:none !important;
}

/* Responsiv */
@media (max-width: 600px){
  .pp-splash__canvas{ width:92vw; height:auto; align-content:start; padding-top:10vh; }
  .pp-splash__intro{ font-size:1rem; }
  .pp-splash__logo{ max-height:60px; }
}