/* Neutralises the few generic rules that resources/css/app.css (always loaded
   by Vite) leaks into the legacy homepage. Everything is scoped to .craftr-home
   so the React tool pages keep their own styles. */

html:has(.craftr-home) {
  background: #fff;
}

.craftr-home {
  background: #fff;
}

/* app.css sets `label { margin: 0 0 18px }` — the contact fields use flex gap. */
.craftr-home label {
  margin: 0;
}

/* app.css adds margin-top: 8px to every input/textarea. */
.craftr-home .craftr-contact-field input,
.craftr-home .craftr-contact-field textarea {
  margin-top: 0;
}

/* app.css centers and pads every <footer> element. */
.craftr-home footer {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  color: inherit;
}
.craftr-newsletter{margin-top:28px}.craftr-newsletter label{display:block;font-weight:700;margin-bottom:10px}.craftr-newsletter>div{display:flex;gap:8px}.craftr-newsletter input{min-width:0;flex:1;border:1px solid #d3d3d3;border-radius:999px;padding:12px 16px;background:#fff}.craftr-newsletter button{border:0;border-radius:999px;padding:12px 18px;background:#c5ff65;color:#111;font-weight:800}.craftr-newsletter small{display:block;margin-top:8px}.admin-header-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid rgba(0,0,0,.14);border-radius:999px;font-weight:700;text-decoration:none;color:inherit;background:#fff}.admin-header-link:hover{background:#c5ff65;border-color:#c5ff65}@media(max-width:767px){.craftr-newsletter>div{flex-direction:column}.craftr-newsletter button{width:100%}}