/******************************************************************
Site Name:
Author:

Stylesheet: Login Stylesheet
Version: V4 - Corporate Visions Portal 2026 white-logo update

This stylesheet is loaded (if admin.php is setup in your
functions file) on the login page. This way you can style
the login page. It won't affect any other page, admin or front-end.

For more info, check out the codex:
http://codex.wordpress.org/Creating_Admin_Themes

******************************************************************/
/* the form box */
/*
This is the Wordpress logo in the admin area.
You'll have to load your own images and mess
with the width and height.
*/
.login h1 a {
  background: url(../../assets/img/logo-cvi-horiz-white.svg) no-repeat top center;
  /* make sure to replace this! */
  width: 326px;
  height: 67px;
  text-indent: -9999px;
  overflow: hidden;
  padding-bottom: 15px;
  display: block;
}

form {
  margin-left: 8px;
  padding: 26px 24px 46px;
  font-weight: normal;
  background: white;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  box-shadow: none;
}

body form .input {
  font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
  font-weight: 200;
  font-size: 24px;
  width: 97%;
  padding: 3px;
  margin-top: 2px;
  margin-right: 6px;
  margin-bottom: 16px;
  border: 1px solid #E5E5E5;
  background: #FBFBFB;
  outline: none;
  box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
}

/*
You'll have to override some of the default styles
but since we're referencing the id, it should be easy.
*/
/* login button*/
/*
retina login logo
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .login h1 a {
    background: url(../../assets/img/logo-cvi-horiz-white.svg) no-repeat top center;
    /* make sure to replace this! */
  }
}

/* ======================================================================
   CORPORATE VISIONS PORTAL 2026 — LOGIN REBRAND (V2)
   The existing login-logo image is deliberately retained so this update
   never depends on a new image upload.
   ====================================================================== */
body.login{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 18%, rgba(140,60,148,.58), transparent 36%),
    radial-gradient(circle at 91% 84%, rgba(255,85,27,.46), transparent 42%),
    linear-gradient(135deg,#281c59 0%,#3f2d7b 42%,#8c3c94 68%,#ff551b 124%);
  color:#2d2d2d;
  font-family:"Mulish",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

body.login:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:linear-gradient(135deg,rgba(255,255,255,.18) 1px,transparent 1px);
  background-size:22px 22px;
}

#login{
  position:relative;
  z-index:1;
  width:min(430px,calc(100% - 40px));
  padding:72px 0 40px;
}

.login #login h1{ display:block!important; margin:0 0 30px!important; }
.login #login h1 a{
  width:326px;
  max-width:100%;
  height:67px;
  margin:0 auto;
  padding-bottom:0;
  background-position:center;
  background-size:contain;
  background-image:url(../../assets/img/logo-cvi-horiz-white.svg)!important;
  display:block!important;
}

.login #loginform{
  margin:0;
  padding:38px 40px 34px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(255,255,255,.7);
  border-radius:18px;
  box-shadow:0 22px 52px rgba(28,18,64,.34);
}

.login #loginform label,
.login .forgetmenot label{
  color:#2d2d2d;
  font-size:15px;
  font-weight:800;
}

.login #loginform .input,
.login #loginform input[type="text"],
.login #loginform input[type="password"]{
  box-sizing:border-box;
  width:100%;
  min-height:52px;
  margin:7px 0 22px;
  padding:12px 14px;
  color:#2d2d2d;
  border:1.5px solid #c8c5d5;
  border-radius:8px;
  background:#fff;
  box-shadow:none;
  font-family:inherit;
  font-size:17px;
  font-weight:500;
}

.login #loginform .input:focus,
.login #loginform input[type="text"]:focus,
.login #loginform input[type="password"]:focus{
  border-color:#5b49ef;
  box-shadow:0 0 0 3px rgba(91,73,239,.16);
}

.login .forgetmenot{ margin-top:0; }
.login input[type="checkbox"]{
  width:18px;
  height:18px;
  border-color:#807a98;
  border-radius:4px;
}
.login input[type="checkbox"]:checked:before{ color:#3f2d7b; }

.login #loginform .submit{ margin-top:28px; }
.login #wp-submit{
  float:none;
  width:100%;
  min-height:54px;
  margin:0;
  padding:0 20px;
  border:0;
  border-radius:8px;
  background:linear-gradient(90deg,#ff551b,#df491b);
  box-shadow:none;
  color:#fff;
  font-family:inherit;
  font-size:15px;
  font-weight:900;
  letter-spacing:.03em;
  text-shadow:none;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.login #wp-submit:hover,
.login #wp-submit:focus{
  background:linear-gradient(90deg,#f04b17,#c93b16);
  box-shadow:0 9px 18px rgba(216,69,24,.3);
  transform:translateY(-1px);
}

.login #nav,
.login #backtoblog{
  margin:17px 0 0;
  text-align:center;
}
.login #nav a,
.login #backtoblog a{
  color:#fff;
  font-weight:700;
  text-decoration:none;
}
.login #nav a:hover,
.login #backtoblog a:hover{ color:#ffcfbd; }

.login .message,
.login .notice,
.login .success{
  border-left-color:#ff551b;
  border-radius:8px;
  box-shadow:0 8px 20px rgba(28,18,64,.16);
}
.login #login_error{
  border-left-color:#d63638;
  border-radius:8px;
  box-shadow:0 8px 20px rgba(28,18,64,.16);
}

@media screen and (max-width:480px){
  #login{ width:calc(100% - 32px); padding-top:42px; }
  .login #login h1 a{ width:275px; }
  .login #loginform{ padding:30px 24px 28px; border-radius:14px; }
}