/* ══════════════════════════════════════════════════════════════
   MFV.CSS — Styles that are unique to the mobile food vending map
   ══════════════════════════════════════════════════════════════ */



/* Layout for the legend item row */
.legend-instruction {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

/* Simulated Red Map Line */
.red-line-sample {
    display: inline-block;
    width: 28px;
    height: 4px;
    background-color: #e53935;
    /* Red line color */
    border-radius: 2px;
    flex-shrink: 0;
}

/* Secondary instruction text formatting */
#vending-notice p {
    margin: 4px 0;
    font-size: 0.85rem;
    color: #4a4a4a;
}

#vending-notice .sub-text {
    font-style: italic;
    color: #6e6e6e;
    margin-top: 8px;
}