/* FixHalt site — shared hover/focus/interactive styles.
   Base visual styles live inline in each page (kept 1:1 with the approved
   Claude Design prototype); this file holds everything a static `style`
   attribute can't express: hover, focus, disabled, and the form chips. */

/* Buttons */
.btn-orange { transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.btn-orange:hover {
  filter: brightness(1.06);
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(232, 80, 14, .45);
  color: #fff !important;
  text-decoration: none;
}
.btn-danger { transition: transform .2s ease, box-shadow .2s ease, background .2s ease, opacity .2s ease; }
.btn-danger:hover {
  background: #B42318;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(217, 45, 32, .38);
}
.btn-danger[data-busy="1"] { opacity: .6; pointer-events: none; }
.btn-white:hover { border-color: #FFFFFF; }

/* Links */
.lnk-nav:hover { color: #fff !important; text-decoration: none; }
.lnk-foot:hover { color: #fff !important; }
.toc-link:hover { background: rgba(255, 255, 255, .1); color: #fff !important; text-decoration: none; }

/* Cards */
.card-lite { transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
.card-lite:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 46px rgba(14, 63, 137, .16);
  border-color: #FFD7C2;
}
.card-dark { transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
.card-dark:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 46px rgba(0, 0, 0, .28);
  border-color: rgba(255, 255, 255, .28);
}
.qr-card { transition: transform .28s ease, box-shadow .28s ease; }
.qr-card:hover { transform: translateY(-3px); box-shadow: 0 20px 44px rgba(3, 14, 35, .42); }
.step-row { transition: background .2s ease, border-color .2s ease; }
.step-row:hover { background: rgba(255, 255, 255, .13); border-color: #D7E3F5; }

/* Form fields (delete-account) */
.fld:focus {
  border-color: #FB7C45 !important;
  box-shadow: 0 0 0 3px rgba(251, 124, 69, .15);
}
.chip {
  display: inline-flex; align-items: center; height: 42px; padding: 0 18px;
  border-radius: 999px; font: 600 14px 'Inter', system-ui; cursor: pointer;
  border: 1px solid #E5E7EB; background: #fff; color: #0B1B33;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.chip-on {
  border-color: transparent;
  background: linear-gradient(135deg, #FB7C45, #E8500E);
  color: #fff;
}