/* ── Reset & base ─────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
 
body, html {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
}
 
/* ── Login body ───────────────────────────────────── */
body.login {
  --background-desktop-image: url(https://admin.youroverseashome.com/wp-content/uploads/2025/07/iStock-1207283284-scaled-1.jpg);
  --loginpress-logo-w: 312px;
  --loginpress-logo-h: 111px;
  --loginpress-logo-w-sm: 312px;
  --loginpress-logo-h-sm: 111px;
  --loginpress-form-mw: 399px;
  --loginpress-form-mw-sm: 399px;
 
  background-image: var(--background-desktop-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  min-height: 100vh;
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
 
/* ── Login box ────────────────────────────────────── */
#login {
  margin-top: 2%;
  margin-bottom: 0;
  background: #ffffff;
  border-radius: 20px;
  max-width: var(--loginpress-form-mw) !important;
  width: calc(100% - 30px);
  padding: 26px 26px 6px 26px;
}
 
/* ── Logo / h1 ────────────────────────────────────── */
.login h1 {
  margin: 0 0 20px;
  padding: 13px 0 0;
  text-align: center;
}
 
.login h1 a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: var(--loginpress-logo-w) !important;
  height: var(--loginpress-logo-h) !important;
  max-width: 100%;
  background-image: url('http://admin.youroverseashome.com/wp-content/uploads/2025/07/logo.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-inline: auto;
  text-decoration: none;
}
 
/* ── Form wrapper ─────────────────────────────────── */
.login form {
  margin-top: 20px;
  margin-left: 0;
  padding: 0 0 12px;
  background: #fff;
  box-shadow: none;
  border: none;
  overflow: visible;
}
 
/* ── Labels ───────────────────────────────────────── */
.login label {
  display: block;
  margin-bottom: 4px;
  font: normal 13px "Roboto", sans-serif;
  color: #444;
}
 
/* ── Text / password inputs ───────────────────────── */
.login form .input,
.login input[type="text"],
.login input[type="password"] {
  display: block;
  width: 100%;
  height: 48px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #bdbdbd;
  margin-bottom: 18px;
  font: normal 15px "Roboto", sans-serif;
  color: #7f7f7f;
  padding-left: 27px;
  font-weight: normal;
  box-shadow: 0 0 0px rgba(0,0,0,0.8);
  outline: none;
  transition: border-color .2s;
}
 
.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
  border-color: #008ec2;
}
 
/* ── Remember me ──────────────────────────────────── */
.login form .forgetmenot {
  float: none !important;
  margin-bottom: 10px;
}
 
.login form .forgetmenot label {
  display: inline-block;
  margin: 0;
  font-size: 13px;
  color: #444;
  cursor: pointer;
}
 
input[type="checkbox"] {
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  vertical-align: middle;
  margin-right: 5px;
}
 
input[type="checkbox"],
input[type="checkbox"]:checked {
  border-color: #008ec2 !important;
  accent-color: #008ec2;
}
 
/* ── Submit button ────────────────────────────────── */
.login input[type="submit"],
.login .button-primary {
  display: block;
  width: 100%;
  min-height: 46px;
  height: auto;
  line-height: 1.33333;
  padding: 12px 15px;
  background: #008ec2;
  color: #fff;
  border: none;
  border-radius: 5px;
  font: normal 15px "Roboto", sans-serif;
  text-shadow: none;
  box-shadow: 0 0 0px rgba(0,0,0,0.8);
  cursor: pointer;
  margin: 7px 0;
  float: none;
  transition: background .2s;
}
 
.login input[type="submit"]:hover,
.login .button-primary:hover {
  background: #007aaa;
}
 
/* ── Submit paragraph spacing fix ────────────────── */
#login form p + p:not(.forgetmenot) {
  padding-top: 0 !important;
  margin-top: 20px !important;
}
 
/* ── Nav links ────────────────────────────────────── */
.login #nav {
  text-align: center;
  padding-bottom: 2em;
  font-family: inherit;
}
 
.login #nav a:first-child { margin-right: 5px; }
.login #nav a:last-child  { margin-left:  5px; }
 
.login #nav a,
.login #nav {
  color: #555d66;
  text-decoration: none;
  font-size: 13px;
}
 
.login #nav a:hover { color: #00a0d2; text-decoration: underline; }
 
/* ── Back to blog ─────────────────────────────────── */
.login #backtoblog { display: none; }
 
/* ── Privacy policy ───────────────────────────────── */
.login .privacy-policy-page-link {
  text-align: center;
  width: 100%;
  margin: 0 0 2em;
  clear: both;
  padding-top: 10px;
}
 
.login .privacy-policy-page-link > a.privacy-policy-link {
  color: #555d66;
  font-size: 13px;
  text-decoration: none;
}
 
.login .privacy-policy-page-link > a.privacy-policy-link:hover {
  text-decoration: underline;
}
 
/* ── Error / notice messages ──────────────────────── */
#login_error,
.login .message,
.login .success {
  display: block;
  border-left: 4px solid #00a0d2;
  background-color: #fff;
  padding: 12px;
  margin-left: 0;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
  font-size: 13px;
  color: #444;
}
 
/* ── Shake animation on bad login ─────────────────── */
body.login form.shake {
  transform: none;
  animation: loginpress_shake_anim .2s cubic-bezier(.19,.49,.38,.79) both;
}
 
@keyframes loginpress_shake_anim {
  25%  { margin-left: -20px; }
  75%  { margin-left:  20px; }
  100% { margin-left:  0;    }
}
 
/* ── Clear ────────────────────────────────────────── */
.clear { display: none; }
 
/* ── Mobile ───────────────────────────────────────── */
@media screen and (max-width: 767px) {
  #login {
    max-width: var(--loginpress-form-mw-sm, 350px) !important;
    width: calc(100% - 30px);
  }
 
  .login h1 a {
    width: var(--loginpress-logo-w-sm) !important;
    height: var(--loginpress-logo-h-sm) !important;
    max-width: 100%;
    background-size: contain !important;
  }
 
  .login form {
    padding-right: 0;
    padding-left: 0;
  }
}
.language-switcher {display:none}