/* Location styles with reduced spacing */
.state-name {
    margin-right: 2px !important; /* Reduced from 5px */
}

.state-name:after {
    margin-left: 0px !important; /* Removed margin */
    margin-right: 0px !important; /* Removed margin */
    content: "" !important; /* Add a period after state name deleted*/
}

.location-icon {
    margin-right: 2px !important; /* Reduced from 5px */
}

/* Mobile-specific styles for location/state info */
@media screen and (max-width: 768px) {
    /* Mobile location info container */
    .mobile-location-info {
        font-size: 13px !important; /* Base font size for the container */
        line-height: 1.3 !important; /* Improved line height for readability */
    }
    
    /* Location container */
    .location-container {
        font-size: 13px !important; /* Consistent font size */
    }
    
    /* Location label */
    .location-label {
        font-size: 13px !important;
        font-weight: 500 !important;
    }
    
    /* State name styling */
    .state-name {
        font-size: 15px !important; /* Larger font size for state name */
        color: #0066cc !important; /* gold color for better visibility */
        font-weight: 600 !important; /* Slightly bolder for emphasis */
    }
    
    /* Location address */
    .location-address {
        font-size: 12px !important; /* Smaller font size for address */
        color: #666 !important; /* Lighter color for secondary information */
    }
}