/* Font (NB: "Baskerville" non è una Google Font standard; fallback incluso) */
@import url('https://fonts.googleapis.com/css2?family=Alice&display=swap');

/* Stop FOUC (se usi il trick html hidden in head) */
html { visibility: visible; opacity: 1; }

:root{
  --green: #2D5635;
  --bg: #f6f4ef;
  --text: #1b1b1b;
  --border: rgba(45,86,53,.35);
  --shadow: 0 18px 60px rgba(0,0,0,.12);
  --radius: 12px;
}

/* reset base */
.pp-login-page,
.pp-login-page *{
  box-sizing: border-box;
}

body{
  margin: 0;
  color: var(--text);
  background: radial-gradient(900px 500px at 70% 20%, rgba(45,86,53,.10), transparent 60%),
              radial-gradient(800px 520px at 20% 80%, rgba(45,86,53,.08), transparent 55%),
              var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body header{display:none!important;}

/* wrapper full page */
.pp-login-page{
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 28px 16px;
}

/* box */
#login.pp-login-box,
#login{
  width: min(420px, calc(100vw - 32px));
}

/* Logo */
#password-protected-logo,
#login h1{
  margin: 0 0 18px 0;
  text-align: center;
}

/* link logo */
#password-protected-logo a,
#login h1 a{
  display: block;
  width: 100%;
  height: 92px;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("https://stuartandglen.com/wp-content/uploads/2026/01/stuart-and-glen-logo.png");
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.10));
}

/* form container */
#loginform{
  font-family: "Baskerville", "Alice", serif !important;
  background-color: rgba(255,255,255,1) !important;
  border: 1.5px solid var(--green) !important;
  border-radius: var(--radius) !important;
  padding: 22px 22px 18px 22px;
  box-shadow: var(--shadow);
  text-transform: uppercase !important;
}

/* label */
#loginform label{
  display: block;
  font-size: 12px;
  letter-spacing: .12em;
  margin: 0 0 8px 2px;
  color: rgba(27,27,27,.85);
}

/* input area */
#loginform .user-pass-wrap{
  margin: 0 0 14px 0;
}

/* wrapper input + eye button */
#loginform .wp-pwd{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
}

/* password input */
#password_protected_pass,
#loginform input[type="password"],
#loginform input[type="text"]{
  width: 100%;
  padding: 12px 12px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: #fff;
  color: var(--text);
  font-family: "Baskerville", "Alice", serif !important;
  font-size: 14px;
  letter-spacing: .06em;
  outline: none;
}

/* focus */
#password_protected_pass:focus{
  border-color: rgba(45,86,53,.75);
  box-shadow: 0 0 0 4px rgba(45,86,53,.12);
}

/* eye button */
#pp-hide-show-password{
  border: 1px solid var(--border);
  background: rgba(45,86,53,.06);
  color: var(--green);
  border-radius: 10px;
  height: 42px;
  width: 46px;
  cursor: pointer;
  display: inline-grid;
  place-items: center;
  transition: transform .08s ease, background .12s ease, border-color .12s ease;
}

#pp-hide-show-password:hover{
  background: rgba(45,86,53,.10);
  border-color: rgba(45,86,53,.55);
}

#pp-hide-show-password:active{
  transform: translateY(1px);
}

/* submit row */
#loginform .submit{
  margin: 16px 0 0 0;
}

/* button */
#wp-submit,
#loginform input[type="submit"]{
  width: 100%;
  padding: 12px 14px;
  border: 0;
  border-radius: 10px;
  background-color: var(--green) !important;
  color: #fff;
  cursor: pointer;
  font-family: "Baskerville", "Alice", serif !important;
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase !important;
  transition: filter .12s ease, transform .08s ease;
}

#wp-submit:hover{
  filter: brightness(1.05);
}

#wp-submit:active{
  transform: translateY(1px);
}

/* error / messages (se il plugin li stampa con queste classi/id) */
#login_error,
.password-protected .error,
.pp-login-box .error,
#login .message{
  margin: 0 0 14px 0;
  border-radius: 10px !important;
  font-family: "Baskerville", "Alice", serif !important;
  text-transform: none;
  letter-spacing: .02em;
  padding: 10px 12px;
  background: rgba(176, 35, 35, .08);
  border: 1px solid rgba(176, 35, 35, .28);
  color: rgba(120, 18, 18, .95);
}

/* small screens */
@media (max-width: 420px){
  #loginform{ padding: 18px 16px 14px 16px; }
  #password-protected-logo a{ height: 78px; }
}