/* assets/css/password-protect-form.css */
/* Based on WP Login styles for consistency */
html {
  background: #f1f1f1;
}

body.gdi-password-protected { /* Add body class via PHP */
  background: #f1f1f1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin: 0;
}

.gdi-password-form-wrap {
  background: #fff;
  width: 90%;
  max-width: 360px; /* Slightly wider */
  margin: 2em auto;
  padding: 2em 1.5em; /* Adjust padding */
  box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
  border-radius: 4px; /* Subtle rounding */
}

.gdi-password-form-wrap h1 {
  border-bottom: 1px solid #ddd;
  padding-bottom: .5em;
  margin: 0 0 1.5em; /* Increase bottom margin */
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

.gdi-password-form-wrap p {
  margin: 1em 0;
  font-size: 14px;
  line-height: 1.5;
}

.gdi-password-form-wrap p.gdi-form-message { /* Class for intro message */
  color: #3c434a;
}


.gdi-password-form-wrap form {
  margin: 0;
  padding: 0;
}

.gdi-password-form-wrap label {
  display: block;
  margin-bottom: .5em;
  font-weight: bold;
  color: #3c434a; /* WP label color */
  font-size: 14px;
}

.gdi-password-form-wrap input[type='password'] {
  width: 100%;
  padding: 8px 10px; /* Adjust padding */
  margin: 0 0 1em; /* Add bottom margin */
  font-size: 16px; /* Slightly larger input text */
  line-height: 1.5;
  border: 1px solid #8c8f94; /* WP input border */
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
  border-radius: 3px;
  box-sizing: border-box; /* Include padding/border in width */
}

.gdi-password-form-wrap input[type='password']:focus {
  border-color: #2271b1; /* WP focus blue */
  box-shadow: 0 0 0 1px #2271b1;
  outline: 2px solid transparent;
}

/* Submit Button - styled like WP buttons */
.gdi-password-form-wrap input[type='submit'] {
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
  line-height: 2.15384615; /* WP default */
  min-height: 30px; /* WP default */
  margin: 1em 0 0;
  padding: 0 12px; /* WP default */
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  -webkit-appearance: none;
  border-radius: 3px;
  white-space: nowrap;
  box-sizing: border-box;
  /* Default WP Blue Button */
  background: #2271b1;
  border-color: #2271b1;
  color: #fff;
  vertical-align: top;
}

.gdi-password-form-wrap input[type='submit']:hover,
.gdi-password-form-wrap input[type='submit']:focus {
  background: #135e96;
  border-color: #135e96;
  color: #fff;
  outline: none;
}

.gdi-password-form-wrap input[type='submit']:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1; /* WP focus */
}

.gdi-password-form-wrap input[type='submit']:active {
  background: #135e96;
  border-color: #135e96;
  transform: translateY(1px); /* Slight press effect */
}

.gdi-password-logo img {
  width: 100px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Error Message Style */
.gdi-password-form-wrap p.error {
  color: #dc3232; /* WP error red */
  border-left: 4px solid #dc3232;
  padding: 10px 12px; /* Adjust padding */
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
  margin: 1em 0;
  font-weight: 600;
}

#error-page {
  position: relative;
  margin: auto;
  min-width: 100%;
  background: linear-gradient(225deg, #005EA9, #80AED4), url('../../assets/images/waterwind.webp');
  background-blend-mode: multiply;
  backdrop-filter: blur(10px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#error-page::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(155deg, rgba(0, 168, 240, 1) 1%, rgba(25, 32, 94, 1) 37%, rgba(23, 43, 106, 1) 67%, rgba(0, 168, 240, 1) 100%); /* Hover gradient */
  opacity: 0;
  transition: opacity 0.7s ease 1s;
  z-index: -1;
}

#error-page:hover::before {
  opacity: 1; /* Fade in the hover gradient */
}