/**
 * Summer Side Quest — wp-login.php theme.
 */

body.login {
  background-color: #fdf3e0;
  background-image:
    radial-gradient(120% 60% at 50% 0%, rgba(246,180,42,.28), transparent 60%),
    url('../images/admin-pattern.svg');
  background-repeat: no-repeat, repeat;
  background-size: cover, 360px 360px;
  background-attachment: fixed, fixed;
  color: #24384a;
}

/* Logo -> swap the WordPress mark for the theme logo */
.login h1 a {
  background-image: url('../images/logo.png');
  background-size: contain;
  background-position: center;
  width: 220px;
  height: 140px;
  margin-bottom: 6px;
}

/* Card */
.login form {
  background: #fffaf0;
  border: 1px solid #f0dcc0;
  border-radius: 20px;
  box-shadow: 0 18px 45px rgba(31,78,121,.18);
  padding: 26px 24px 34px;
}
.login form .input,
.login input[type=text],
.login input[type=password] {
  border-radius: 10px;
  border: 2px solid #ecd6b8;
  background: #fff;
  color: #24384a;
  font-size: 1.05rem;
}
.login form .input:focus,
.login input[type=text]:focus,
.login input[type=password]:focus {
  border-color: #e8641f;
  box-shadow: 0 0 0 3px rgba(232,100,31,.22);
  outline: none;
}
.login label { color: #24384a; font-weight: 600; }

/* Submit button */
.login .button-primary,
.wp-core-ui .button-primary {
  background: #e8641f !important;
  border-color: #c9531a !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 0 #c9531a !important;
  text-shadow: none !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  height: auto !important;
  padding: 10px 20px !important;
  width: 100%;
  transition: transform .05s ease;
}
.login .button-primary:hover { background: #c9531a !important; }
.login .button-primary:active { transform: translateY(2px); box-shadow: 0 2px 0 #c9531a !important; }

/* Links below the form */
.login #nav a, .login #backtoblog a {
  color: #1f4e79 !important;
  font-weight: 600;
}
.login #nav a:hover, .login #backtoblog a:hover { color: #e8641f !important; }

/* Error / message boxes */
.login #login_error,
.login .message,
.login .success {
  border-radius: 12px;
  border-left: 4px solid #e8641f;
  background: #fff4e8;
  box-shadow: 0 6px 16px rgba(31,78,121,.08);
}
.login .message { border-left-color: #1f4e79; }

/* "Remember me" + spacing */
.login form .forgetmenot label { font-weight: 400; }

/* Language switcher */
.login .language-switcher select { border-radius: 8px; }

/* ==========================================================================
   Seasonal login colours — recolour the login button, focus ring and tint
   to match the site's season. Summer is the base (orange) above.
   ========================================================================== */

/* SPRING */
body.login.ssq-season-spring { background-color: #f3f8ee; }
body.login.ssq-season-spring .button-primary,
body.login.ssq-season-spring.wp-core-ui .button-primary {
  background: #4aa564 !important; border-color: #388050 !important; box-shadow: 0 4px 0 #388050 !important;
}
body.login.ssq-season-spring .button-primary:hover { background: #388050 !important; }
body.login.ssq-season-spring .input:focus,
body.login.ssq-season-spring input[type=text]:focus,
body.login.ssq-season-spring input[type=password]:focus {
  border-color: #4aa564; box-shadow: 0 0 0 3px rgba(74,165,100,.22);
}
body.login.ssq-season-spring #nav a, body.login.ssq-season-spring #backtoblog a { color: #388050 !important; }

/* AUTUMN */
body.login.ssq-season-autumn { background-color: #f7ecd9; }
body.login.ssq-season-autumn .button-primary,
body.login.ssq-season-autumn.wp-core-ui .button-primary {
  background: #d2691e !important; border-color: #a94f14 !important; box-shadow: 0 4px 0 #a94f14 !important;
}
body.login.ssq-season-autumn .button-primary:hover { background: #a94f14 !important; }
body.login.ssq-season-autumn .input:focus,
body.login.ssq-season-autumn input[type=text]:focus,
body.login.ssq-season-autumn input[type=password]:focus {
  border-color: #d2691e; box-shadow: 0 0 0 3px rgba(210,105,30,.22);
}
body.login.ssq-season-autumn #nav a, body.login.ssq-season-autumn #backtoblog a { color: #a94f14 !important; }

/* WINTER */
body.login.ssq-season-winter { background-color: #eef4f8; }
body.login.ssq-season-winter .button-primary,
body.login.ssq-season-winter.wp-core-ui .button-primary {
  background: #2f8fb0 !important; border-color: #22718d !important; box-shadow: 0 4px 0 #22718d !important;
}
body.login.ssq-season-winter .button-primary:hover { background: #22718d !important; }
body.login.ssq-season-winter .input:focus,
body.login.ssq-season-winter input[type=text]:focus,
body.login.ssq-season-winter input[type=password]:focus {
  border-color: #2f8fb0; box-shadow: 0 0 0 3px rgba(47,143,176,.22);
}
body.login.ssq-season-winter #nav a, body.login.ssq-season-winter #backtoblog a { color: #22718d !important; }