/**
 * Lab Location System — Frontend Styles v2.0
 * Minimal, clean. Matches the native browser feel.
 */

/* ── Widget container ─────────────────────────────────── */
.lab-location-widget {
    display:      inline-flex;
    align-items:  center;
    gap:          5px;
    font-size:    14px;
    line-height:  1;
    cursor:       default;
    white-space:  nowrap;
}

/* ── Pin icon ─────────────────────────────────────────── */
.lab-location-icon {
    display:    inline-flex;
    align-items: center;
    color:      #e44d3a; /* red pin — universally recognised */
    flex-shrink: 0;
}

/* ── City text ────────────────────────────────────────── */
.lab-location-text {
    font-weight: 500;
    color:       inherit;
    max-width:   160px;
    overflow:    hidden;
    text-overflow: ellipsis;
}

/* ── "Change" button ──────────────────────────────────── */
.lab-location-change-btn {
    display:          inline-block;
    padding:          2px 8px;
    font-size:        12px;
    font-weight:      600;
    color:            #0073aa;
    background:       transparent;
    border:           1px solid #0073aa;
    border-radius:    3px;
    cursor:           pointer;
    line-height:      1.5;
    transition:       background 0.15s, color 0.15s;
    text-decoration:  none;
}

.lab-location-change-btn:hover {
    background: #0073aa;
    color:      #fff;
}

/* ── Generic city display helper ─────────────────────── */
.lab-city-display {
    font-weight: 600;
}