/* ======================================================================
   Google Places suggestions - used by the home page search box and the
   "change search" strip on the results page.
   ====================================================================== */

:root {
    --tp-orange: #f97316;
    --tp-navy:   #011950;
    --tp-muted:  #6b7280;
    --tp-soft:   #fff8f3;
}

/* ---------- match status under each field ---------- */
.tp-place-status {
    display: inline-block;
    font-size: .74rem;
    line-height: 1.4;
    color: var(--tp-muted);
}
.tp-place-ok {
    color: #15803d;
    font-weight: 600;
}
.tp-place-hint {
    color: #b45309;
}

/* ---------- live distance chip ---------- */
.tp-distance-chip {
    margin-top: .5rem;
    background: var(--tp-soft);
    border: 1px solid #ffe2cc;
    border-radius: 10px;
    padding: .4rem .75rem;
    font-size: .8rem;
    color: #1f2937;
    font-weight: 600;
}
.tp-distance-chip i { color: var(--tp-orange); }
.tp-chip-hint {
    font-weight: 400;
    color: var(--tp-muted);
    font-style: italic;
}

/* ======================================================================
   The home page search box sits on dark navy, so flip the colours there.
   ====================================================================== */
.search-box .tp-place-status  { color: rgba(255, 251, 248, .82); }
.search-box .tp-place-ok     { color: #86efac; }
.search-box .tp-place-hint   { color: #fcd34d; }

.search-box .tp-distance-chip {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .18);
    color: #0A1556;
}
.search-box .tp-distance-chip i  { color: var(--tp-orange); }
.search-box .tp-chip-hint        { color: rgba(255, 251, 248, .7); }

/* ---------- the Maps dropdown must read as light, not blend in ---------- */
.pac-container {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(1, 25, 80, .22);
    margin-top: 4px;
    padding: 4px 0;
    z-index: 1050;
    font-family: 'Manrope', sans-serif;
}
.pac-item {
    color: #1f2937;
    font-size: .9rem;
    padding: .5rem .9rem;
    cursor: pointer;
    border-top: none;
}
.pac-item:hover,
.pac-item-selected { background: #fff7ed !important; }
.pac-item-query { color: var(--tp-navy); font-weight: 700; }
.pac-matched      { color: var(--tp-muted); font-weight: 400; }
.pac-icon         { display: none; }