/* Small, intentional fixes layered on top of the vendored original theme.
   Loaded last so it wins. Keep this minimal — the theme CSS does the rest. */

/* Footer "Join our newsletter": the original uses a cramped fixed-width input
   with a tiny sprite-arrow submit that reads as broken. Turn it into a plain
   input + labelled Subscribe button sitting neatly side by side. */
.footer .bloq-newsletter .wp-form-news { width: 100% !important; }
.footer .bloq-newsletter .gform_wrapper form {
  display: flex;
  align-items: stretch;
}
@media (max-width: 767px) {
  .footer .bloq-newsletter .gform_wrapper form { justify-content: center; }
}
.footer .bloq-newsletter .gform_body,
.footer .bloq-newsletter .gform_body ul,
.footer .bloq-newsletter .gform_body li.gfield,
.footer .bloq-newsletter .gform_body .ginput_container {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.footer .bloq-newsletter input[type="email"] {
  width: 200px !important;
  box-sizing: border-box;
  height: 40px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-right: 0;
  border-radius: 2px 0 0 2px;
  background: #fff;
  color: #2d2d2d;
  font-size: 13px;
}
.footer .bloq-newsletter .gform_footer,
.footer .bloq-newsletter .gform_wrapper .gform_footer.left_label {
  position: static;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
}
.footer .bloq-newsletter input[type="submit"] {
  position: static;
  width: 44px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 0 2px 2px 0;
  background: #05acb8 !important;   /* override the sprite arrow */
  color: #fff;
  font-size: 20px !important;
  line-height: 1;
  cursor: pointer;
  outline: 0;
}
.footer .bloq-newsletter input[type="submit"]:hover {
  background: #0e858d !important;
  opacity: 1;
}

/* Results table (For Sale / For Rent / Closed): show the desktop "Size SF/M²"
   label and hide the mobile-only variant, swapping them below 768px. The
   original theme emitted this as per-page inline CSS. */
.table tr th .switch-view.mobile { display: none !important; }
@media (max-width: 767px) {
  .table tr td .sqft-size { display: block !important; }
  .table tr td .sqm { display: none !important; }
  .table tr th .switch-view.mobile { display: block !important; }
  .table tr th .switch-view.default { display: none !important; }
}

/* Footer: the home stylesheet (dgtstyle) pins .footer with position:absolute;
   bottom:0, which overlaps the contact form at shorter viewports. Let it flow
   normally at the end of the page instead. (The home contact section is marked
   fp-auto-height so fullPage sizes it to the form + footer.) */
.footer { position: static !important; bottom: auto !important; margin-top: 30px; }

/* Gravity Forms half-width fields — SCOPED to the property detail form
   (.details2) only, so the About/Contact/newsletter forms are untouched.
   Makes the gf_left_half / gf_right_half pairs sit two-up on desktop:
   border-box keeps the theme's 16px gutter inside the 50%; float avoids the
   inline-block whitespace that otherwise pushes the pair past 100% and wraps. */
.details2 .gform_wrapper li.gfield.gf_left_half,
.details2 .gform_wrapper li.gfield.gf_right_half {
  box-sizing: border-box !important;
  float: left !important;
  width: 50% !important;
  clear: none !important;
}
.details2 .gform_wrapper li.gfield.gf_left_half { clear: left !important; }
.details2 .gform_wrapper li.gfield:not(.gf_left_half):not(.gf_right_half) { clear: both; }

/* Mobile top bar (client request): put the Email link on the LEFT and the Sales
   phone on the RIGHT, and show the phone NUMBER (the theme hides it on mobile).
   Desktop is unchanged. Result: "Email Us"  ...  "Sales [icon] 305-588-2451". */
@media only screen and (max-width: 767px) {
  .top-header > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
  }
  .top-header > ul > li,
  .top-header ul li {
    width: auto !important;
    border-right: 0 !important;
    margin: 0 !important;
  }
  .top-header > ul > li.email { order: 0; }
  .top-header > ul > li.phone { order: 1; }
  /* Un-hide the phone number the theme hides on mobile. */
  .top-header ul li.phone a b,
  .top-header > ul > li:first-child b { display: inline !important; }
  /* Kill the theme's negative margins and icon offset that shove the number
     off-screen (harmless at wide widths, clipped on a real phone). */
  .top-header > ul > li.phone a,
  .top-header > ul > li:first-child a {
    margin: 0 !important;
    white-space: nowrap;
  }
  .top-header ul li a.tel span { left: 0 !important; }
}