/*
 * Hjemstad portal brand overlay.
 * Loaded globally on website/portal pages via the `web_include_css` hook.
 * Rules are scoped to the auth pages (.for-reset-password / .for-login) so they
 * do NOT bleed into other portal pages. Mirrors the inline styling in login.html
 * so the "Complete registration" / reset-password page matches the login card.
 */
@import url('https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&f[]=clash-display@600,700&display=swap');

/* --- auth-page canvas: warm cream -> desaturated green foot (login gradient) --- */
body:has(.for-reset-password),
body:has(.for-login) {
  min-height: 100vh;
  font-family: "General Sans", "Inter", system-ui, sans-serif !important;
  background: linear-gradient(180deg,#FBFAF4 0%,#F8F6EF 74%,#E9EEE6 87%,#C4D3C4 95%,#8FAF97 100%) !important;
  background-attachment: fixed !important;
  color: #183A2C;
}
body:has(.for-reset-password) .navbar,
body:has(.for-login) .navbar,
body:has(.for-reset-password) .web-footer,
body:has(.for-login) .web-footer { display: none !important; }

/* --- card --- */
.for-reset-password .page-card {
  width: 452px !important; max-width: 94vw !important; margin: 8vh auto !important;
  background: #FFFFFF !important; border: 1px solid rgba(24,58,44,0.08) !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 3px rgba(24,58,44,0.04), 0 20px 50px rgba(14,40,30,0.14) !important;
  padding: 34px 44px !important;
}

/* --- brand wordmark above the heading (SVG is fine on web pages) --- */
.for-reset-password .page-card-head { text-align: center; margin-bottom: 20px; }
.for-reset-password .page-card-head::before {
  content: ""; display: block; width: 100%; height: 30px; margin: 0 auto 14px;
  background: url("/assets/support_center/images/hjemstad-logo-dark.svg") no-repeat center;
  background-size: contain;
}
.for-reset-password .reset-password-heading {
  color: #183A2C !important; font-family: "Clash Display", "General Sans", sans-serif !important;
  font-weight: 600 !important; font-size: 18px !important; letter-spacing: -0.01em !important; margin: 0 !important;
}

/* --- inputs --- */
.for-reset-password .form-group { margin-bottom: 14px; text-align: left; }
.for-reset-password label, .for-reset-password .control-label {
  color: #5E6E62 !important; font-weight: 500 !important; font-size: 12.5px !important; margin-bottom: 6px !important;
}
.for-reset-password .form-control {
  background: #FFFFFF !important; border: 1.5px solid #DAD9CC !important; color: #183A2C !important;
  border-radius: 11px !important; height: 44px !important; padding: 11px 14px !important;
  font-size: 14.5px !important; box-shadow: none !important; transition: border-color .15s, box-shadow .15s;
}
.for-reset-password .form-control::placeholder { color: #B3BCB2 !important; }
.for-reset-password .form-control:focus {
  border-color: #1C8B3C !important; box-shadow: 0 0 0 4px rgba(70,212,95,0.14) !important; outline: none !important;
}

/* --- password strength / mismatch hints --- */
.for-reset-password .password-strength-message,
.for-reset-password .password-mismatch-message { font-size: 12px !important; color: #7c8a80 !important; }

/* --- primary button --- */
.for-reset-password .btn-primary, .for-reset-password #update {
  background: #4BC65C !important; border: 1px solid #4BC65C !important; color: #0C241E !important;
  border-radius: 12px !important; height: 44px !important; font-weight: 600 !important; font-size: 14px !important;
  box-shadow: 0 2px 8px rgba(75,198,92,0.18) !important; transition: background .15s, box-shadow .15s, transform .05s;
}
.for-reset-password .btn-primary:hover, .for-reset-password #update:hover {
  background: #57D268 !important; border-color: #57D268 !important;
}
.for-reset-password .btn-primary:active, .for-reset-password #update:active { transform: translateY(1px); }
.for-reset-password .btn-primary:disabled, .for-reset-password #update:disabled { opacity: .5 !important; }

/* --- links --- */
.for-reset-password a { color: #1C8B3C !important; font-weight: 500; }
.for-reset-password a:hover { color: #147A38 !important; }