/**
 * WP Store Locator 3.0 compatibility.
 *
 * Loaded only on WPSL 3.x (see lib/wpsl-compat.php), after the plugin's own
 * stylesheet. 3.0's stylesheet now loads after the theme's, so several of its
 * rules override the Tailwind utilities in the store locator templates. These
 * rules put the 2.x values back; each comment names the 3.0 rule it undoes.
 */

/* 3.0: #wpsl-wrap { display: flow-root; z-index: 1 } (2.x clipped with overflow: hidden). */
body #wpsl-wrap {
    display: block;
    overflow: hidden;
    z-index: auto;
}

/* 3.0: #wpsl-result-list { width: 33%; float: inline-start } (the width is reset by .wpsl-store-below). */
#wpsl-wrap #wpsl-result-list {
    float: none;
}

/* 3.0: .wpsl-contact-details { margin-bottom: 15px } over the card's mb-4 md:mb-7. */
#wpsl-stores .wpsl-contact-details {
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    #wpsl-stores .wpsl-contact-details {
        margin-bottom: 1.75rem;
    }
}

/* 3.0: #wpsl-search-input { line-height: 1.428571429 } over the input's leading-[160%]. */
#wpsl-search-wrap #wpsl-search-input {
    line-height: 160%;
}

/* 3.0 (max-width: 825px): #wpsl-search-wrap .wpsl-input { margin-bottom: 10px !important } over the input's !m-0. */
body #wpsl-search-wrap .wpsl-input {
    margin: 0 !important;
}

/* 2.x: .wpsl-street { display: block } loaded on every page, including the
   FacetWP location finder cards; 3.0 only loads its CSS where the locator renders. */
.facetwp-template .wpsl-street {
    display: block;
    border-bottom: none !important;
}