/*
Theme Name:  Helix Advanced Medicine
Theme URI:   https://helixadvancedmedicine.com
Author:      Helix Advanced Medicine
Description: Standalone theme for the Helix Advanced Medicine site. Carries the
             site header and footer; page content is pasted into Custom HTML
             blocks and rendered between them. All visual styling comes from the
             compiled Tailwind build in assets/tailwind.css -- this file exists
             only to declare the theme and to hold small overrides.
Version:     1.0.0
License:     Proprietary
Text Domain: helix
*/

/* -------------------------------------------------------------------------
   Overrides live here. assets/tailwind.css is enqueued first, so anything
   below wins. Keep this file small -- prefer editing the page markup.
   ---------------------------------------------------------------------- */

/* Tailwind's preflight resets everything, including the logged-in admin bar.
   Put it back so the front end stays usable while editing. */
#wpadminbar {
  box-sizing: content-box;
  font-size: 13px;
  line-height: 32px;
}
#wpadminbar * {
  box-sizing: content-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
body.admin-bar .sticky {
  top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar .sticky {
    top: 46px;
  }
}

/* Gravity Forms sits inside the contact page markup. Tailwind's preflight
   strips its borders and padding, so restore just enough to look native. */
.gform_wrapper .gform_fields {
  display: grid;
  gap: 1.25rem;
}
.gform_wrapper .gfield_label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-stone);
}
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper select,
.gform_wrapper textarea {
  width: 100%;
  padding: 0.75rem 0.875rem;
  border: 1px solid var(--color-border);
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-sans);
  font-size: 0.9375rem;
}
.gform_wrapper textarea {
  min-height: 8rem;
}
.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgb(196 163 90 / 0.6);
}
.gform_wrapper .gform_footer input[type="submit"] {
  height: 3rem;
  padding: 0 1.75rem;
  border: 0;
  background: var(--color-navy);
  color: var(--color-cream);
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  cursor: pointer;
}
.gform_wrapper .gform_footer input[type="submit"]:hover {
  background: var(--color-navy-soft);
}
.gform_wrapper .gform_footer {
  margin-top: 1.5rem;
}
.gform_wrapper .gfield_required {
  color: var(--color-gold);
}
.gform_wrapper .validation_message {
  margin-top: 0.375rem;
  font-size: 0.8125rem;
  color: #b3261e;
}