/* --------------------------------------------------------------------------
   Hero style 4 — stop the Featured Properties section covering the search box
   --------------------------------------------------------------------------
   .flat-recommended-v2 carries margin-top:-55px so it tucks under heroes that
   leave space beneath them. Hero style 4 does the opposite: its search form is
   already pulled up over the map (margin-top:-6.25rem), so it sits flush with
   the bottom of the section. The two negative margins collide and the section
   lands on top of the form's inputs and Search button.

   Cancel the pull-up only where that hero is on the page; every other layout
   keeps the intended overlap.
   -------------------------------------------------------------------------- */
.hero-banner-4 ~ .flat-recommended-v2 {
    margin-top: 0;
}

/* --------------------------------------------------------------------------
   Brand text fallback (header)
   --------------------------------------------------------------------------
   Shown in place of the logo image while no City Sales Realty logo file has
   been uploaded, so the header reads as the business rather than the theme.
   -------------------------------------------------------------------------- */
.site-brand-text {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--Color-1, #161e2d);
    white-space: nowrap;
}

/* Logo image and site name side by side.
   The anchor is the flex container so the two align on their centres
   whatever height the uploaded logo is — a tall or square logo would
   otherwise sit on a different baseline from the text. */
.logo > a,
.nav-logo > a {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    text-decoration: none;
}

/* Only when the name sits next to a logo. On its own it keeps the larger
   size above, because then it *is* the logo. */
.logo > a > img + .site-brand-text,
.nav-logo > a > img + .site-brand-text {
    font-size: 1.25rem;
    letter-spacing: -0.01em;
}

/* A narrow header cannot fit a logo and a long name. Drop the text rather
   than let it wrap under the logo or push the nav off the row. */
@media (max-width: 575.98px) {
    .logo > a > img + .site-brand-text,
    .nav-logo > a > img + .site-brand-text {
        display: none;
    }
}