@import url('https://fonts.googleapis.com/css?family=Merriweather:700,900&display=swap');
/* ============================================================
   Wazzanvet — Login / Register page theme (loaded by login-register.php)
   Restyles the existing markup to the site redesign language:
   clean serif banner, white rounded form cards, brand-red pill
   buttons, tidy inputs. No markup/JS/feature changes.
   ============================================================ */
body{background:#efefef !important}

/* ---------- breadcrumb banner: pink -> clean white serif bar ---------- */
.breadcrumb-banner{background:#fff !important;border-bottom:1px solid #e7dcc9 !important;box-shadow:0 4px 16px rgba(45,24,23,.05) !important;padding:26px 0 22px !important}
.breadcrumb-banner .banner-contents{text-align:center !important;position:static !important}
.breadcrumb-banner h3{font-family:'Merriweather',Georgia,serif !important;font-weight:900 !important;color:#2d1817 !important;font-size:clamp(24px,3vw,32px) !important;letter-spacing:-.01em !important;margin:0 0 8px !important}
.breadcrumb-banner .breadcrumb-ul{display:flex !important;justify-content:center !important;align-items:center !important;gap:8px !important;list-style:none !important;padding:0 !important;margin:0 !important}
.breadcrumb-banner .breadcrumb-ul li{padding:0 !important;color:#9b8d80 !important;font-size:14px !important;font-weight:500 !important}
.breadcrumb-banner .breadcrumb-ul li a{color:#e7342f !important}
.breadcrumb-banner .breadcrumb-ul li span{color:#9b8d80 !important}
.breadcrumb-banner .breadcrumb-ul li::after{content:none !important;display:none !important}
.breadcrumb-banner .breadcrumb-ul li + li::before{content:"/" !important;color:#cdbfae !important;margin:0 8px 0 0 !important}

/* ---------- layout ---------- */
.innerpages.minheight{padding-bottom:44px !important}
.login-register-main{max-width:1000px !important;margin:0 auto !important;align-items:flex-start !important}
.login-register-main > div{padding:14px !important}

/* ---------- section heading: small subtitle over serif title ---------- */
.login-register-main > div > h3{
  text-align:center !important;margin:6px 0 16px !important;color:#2d1817 !important;
  font-family:'Merriweather',Georgia,serif !important;font-weight:900 !important;font-size:26px !important;line-height:1.2 !important;letter-spacing:-.01em !important;
}
.login-register-main > div > h3 span{
  display:block !important;font-family:inherit !important;
  font-weight:400 !important;font-size:14px !important;color:#8a7d72 !important;margin-bottom:6px !important;text-transform:none !important;letter-spacing:0 !important;
}

/* ---------- form card ---------- */
.login-div{
  background:#fff !important;border:1px solid #e7dcc9 !important;border-radius:18px !important;
  box-shadow:0 10px 30px rgba(45,24,23,.08) !important;padding:26px 24px !important;
}
.login-register-main .form-group{margin-bottom:14px !important}

/* ---------- inputs ---------- */
.login-register-main .form-control{
  border:1px solid #e6d9c2 !important;border-radius:10px !important;background:#fff !important;color:#2d1817 !important;
  box-shadow:none !important;padding:.72rem .9rem !important;height:auto !important;font-size:15px !important;
}
.login-register-main .form-control:focus{border-color:#e7342f !important;box-shadow:0 0 0 3px rgba(231,52,47,.12) !important}
.login-register-main .form-control::placeholder{color:#a99e91 !important}
.login-register-main textarea.form-control{min-height:84px !important;resize:vertical !important}
.login-register-main select.form-control{cursor:pointer !important}

/* ---------- buttons -> brand-red pill, full width ---------- */
.login-register-main .button{
  display:block !important;width:100% !important;text-align:center !important;
  background:#e7342f !important;color:#fff !important;border:0 !important;border-radius:999px !important;
  padding:13px 20px !important;font-weight:700 !important;font-size:15px !important;letter-spacing:.03em !important;
  box-shadow:0 8px 18px rgba(231,52,47,.24) !important;transition:transform .2s, background .2s !important;margin-top:2px !important;
}
.login-register-main .button:hover{background:#c2241f !important;transform:translateY(-2px) !important}

/* ---------- forgot password ---------- */
.forgot-link{color:#e7342f !important;font-weight:600 !important;font-size:14px !important;margin:16px 0 0 !important;display:inline-block !important}
.forgot-link:hover{text-decoration:underline !important}
.forgot-main{margin-top:12px !important}
.forgot-div .form-control{margin-bottom:12px !important}

/* ---------- mobile: stack the two cards ---------- */
@media (max-width:767px){
  .login-register-main .col-lg-6{width:100% !important;flex:0 0 100% !important;max-width:100% !important}
  .login-register-main > div{padding:10px 6px !important}
  .login-div{padding:22px 18px !important}
}