/* Port corrections — loads after 10-wp.css (the pruned live cascade).
 *
 * Everything here replaces something WordPress did with JavaScript (Elementor's
 * frontend, Swiper carousels, Essential Addons tabs/accordions, Testimonial
 * Rotator, WP Responsive Menu, the theme's sticky header) or covers markup that
 * differs from live on purpose. Values are measured on live at 1440 / 390.
 */

/* Core's <body> carries Tailwind's `antialiased`; WordPress rendered with the
 * browser default, which changes glyph widths and so line breaks. Unlayered, so it
 * beats the utility layer. */
html:has([data-tq-chrome]) body {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

/* ---- Requested changes from live (Bo's staging review, 2026-10-08) ------------- */

/* Contact "Send": Elementor forced the button to 100px (!important) while the theme
 * padded it 50px a side, so the label overflowed to the right half. Let it size to
 * its label. */
:where(html:has([data-tq-chrome])) .elementor-8557 .elementor-element.elementor-element-14598a1.contact-page-form .eael-gravity-form .gform_footer input[type="submit"] {
  width: auto !important;
}

/* Footer: the social-icons box sat flush against "Terms of Use". */
:where(html:has([data-tq-chrome])) #colophon .copy_right .widget_lsi_widget {
  margin-left: 18px;
}

/* The CAPTCHA field printed a bare "CAPTCHA" label (live's reCAPTCHA had no key).
 * Spam protection is Cloudflare Turnstile in invisible mode (forms/GfForm.tsx), so
 * the field has nothing to show. */
:where(html:has([data-tq-chrome])) .gform_wrapper .gfield--type-captcha {
  display: none;
}

/* Footer: the sign-up became a "more information" line + Contact Us button (Nicole,
 * 2026-10-09). With no email field beside it, the button sits under the line
 * instead of floating where the field ended. */
:where(html:has([data-tq-chrome])) footer .site-info-upper form#gform_1 .gform_body,
:where(html:has([data-tq-chrome])) footer .site-info-upper form#gform_1 .gform_footer.top_label {
  float: none;
  width: auto;
}
:where(html:has([data-tq-chrome])) footer .site-info-upper form#gform_1 .gform_footer.top_label {
  margin-top: 4px;
  padding-top: 0;
}