/* 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; }
}

/* fullPage side-nav (#fp-nav): the copy/continuum section (anchor
   "MuranoGrandeatPortofino", section 4 on the homepage) has a WHITE background,
   so the white dots vanish. Turn them green there, matching how the theme
   already handles the Featured Properties and Contact sections. Shared anchor,
   so this applies to every site. */
.fp-viewing-MuranoGrandeatPortofino #fp-nav ul li:after { background-color: #05ADB8; }
.fp-viewing-MuranoGrandeatPortofino #fp-nav ul li a span { border: 1px solid #05ADB8; }
.fp-viewing-MuranoGrandeatPortofino #fp-nav ul li a span:before { background-color: #05ADB8; }

/* Footer bottom bar: drop the theme's white background so it blends with the
   dark footer instead of showing a white strip across the bottom. (The theme
   already resets this to inherit on mobile; this covers desktop.) */
.footer .bottom-footer { background-color: transparent; }