/* Additions to the Weebly theme CSS. Nothing here should move a pixel the live
   site renders; it only stands in for markup Weebly's runtime used to inject. */

/* Section background video (was a video.js player sized by Weebly's JS). */
.tf-bg-video { width: 100%; height: 100%; }
.tf-bg-video video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (prefers-reduced-motion: reduce) { .tf-bg-video video { display: none; } }

/* Form states for /api/form submissions. */
.tf-form-status { margin: 10px 0; font-size: 16px; }
.tf-form-status[data-state="error"] { color: #b00020; }
.tf-hp { display: none !important; }

/* Vertical divider marketplace element (border was set on the column by its JS). */
td.tf-vdiv { border-right: var(--tf-vdiv) !important; border-bottom: 0 !important; }
@media (max-width: 767px) { td.tf-vdiv { border-right: 0 !important; border-bottom: var(--tf-vdiv) !important; } }

/* Page <h1> wrapped around an inline title (agricultural/industrial): invisible. */
h1.tf-h1i { display: inline; font: inherit; color: inherit; margin: 0; padding: 0; letter-spacing: inherit;
  text-transform: inherit; text-shadow: inherit; line-height: inherit; text-align: inherit; }

/* ── ABT review, mobile (approved 2026-10-22 as invisible fixes) ─────────────
   Tap targets reach 44px by growing each link's HIT BOX with padding that is
   cancelled by negative margin (or clipped from the background), so nothing on
   screen moves. Measured against the live site with tools/parity-check.mjs. */
@media (max-width: 767px) {
  /* The home "Welcome" column table is 27px wider than the screen on the live
     site; nothing visible is out there, so stop the sideways scroll. */
  html, body { overflow-x: clip; }

  /* Header: logo, Careers, Contact Us. Inline links: vertical padding does not
     affect layout. */
  .wsite-logo a { padding: 10px 0; }
  .header-get-table a { padding-top: 13px; padding-bottom: 13px; }
  .header-phone-caption a { padding: 13px 0; }

  /* Footer social icons: 35x42 orange tiles → 44x44 hit box, same tile. */
  .wsite-social-item { padding: 1px 4.5px !important; margin: -1px -0.5px !important; background-clip: content-box !important; }

  /* Links set in Weebly paragraphs (footer quick links, phone, credit): 30px
     lines → 44px hit box. Padding on top only, so the dotted underline stays. */
  .paragraph a { padding-top: 14px; }
  /* Footer links are also narrower than 44px ("Home", "News"): widen the hit box
     3px each side, and redraw their dotted underline at its original width. */
  #main-footer .paragraph a { position: relative; padding-left: 3px; padding-right: 3px; margin: 0 -3px; border-bottom-color: transparent !important; }
  #main-footer .paragraph a::after { content: ""; position: absolute; left: 3px; right: 3px; bottom: -2px; border-bottom: 2px dotted rgb(253, 146, 4); pointer-events: none; }

  /* Back-to-top tab (fixed, 100x35 black): 44px hit box, same tab. */
  .scroll-arrow a { padding: 4.5px 0; margin: -4.5px 0; background-clip: content-box; }

  /* Weebly's off-screen submit input (kept for Enter-to-submit). */
  form[data-tf-form] input[type="submit"] { width: 0 !important; height: 0 !important; padding: 0; border: 0; }

  /* Form helper text was 10–11px. */
  .wsite-form-sublabel, .wsite-form-input-container > div[style*="font-size:10px"] { font-size: 12px !important; }
}