/* ===== NEARBY / PROXIMITY SEARCH STYLES ===== */

.nearby-search-banner {
    margin-bottom: 1.5em;
    padding: 12px 18px;
    border-radius: 8px;
    background: #f0fdfa;
    border: 1px solid #bee5eb;
    font-size: 15px;
    line-height: 1.5;
}

.nearby-search-banner strong:first-child {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
}

/* Distance badge — Soft Cloud style */
.nearby-distance-badge {
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    background: #f0fdfa;
    color: #0f766e;
    padding: 5px 14px;
    border-radius: 24px;
    border: 1px solid #ccfbf1;
    vertical-align: middle;
    margin-left: 8px;
    white-space: nowrap;
    line-height: 1.5;
   
}

/* Mobile: badge inside description line */
@media (max-width: 767px) {
    .nearby-distance-badge {
        margin-top: 0px;
        margin-left: 0;
        margin-right: 6px;
       
    }
}

.nearby-distance-badge:hover {
    background: #e6faf5;
    border-color: #99f6e4;
}

/* Subtle left border for nearby coupon items */
.cmcouponlisting .item.nearby-item {
    border-left: 3px solid #0d9488;
}