/* ── CCR Forms — frontend map widget & contact pref field ─────────────── */

/* Booking form: address map widget */
#bf-map {
    height: 220px;
    border-radius: 8px;
    margin-top: 10px;
    border: 1px solid rgba(255, 98, 0, 0.25);
    background: #f5f5f5;
}

.bf-map-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.bf-map-hint {
    font-size: 12px;
    color: #999;
}

.bf-map-status {
    font-size: 12px;
    color: #666;
    margin: 4px 0 0;
    min-height: 16px;
}

/* Contact preference select — slight style bump */
select[name="contact_pref"] {
    max-width: 280px;
}

/* ── "Find Address" postcode search rows ─────────────────────────────── */
.bf-find-row,
.rec-find-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}
.bf-find-row  { margin: 10px 0 2px; }
.rec-find-row { margin-bottom: 10px; }
.rec-find-row #rec-address { flex: 1 1 200px; min-width: 0; margin-bottom: 0; }
.rec-find-row .btn { flex: 0 0 auto; }

/* compact form buttons */
.btn-sm { padding: 11px 18px !important; font-size: 0.82rem !important; }

@media (max-width: 600px) {
    .bf-find-row .btn,
    .rec-find-row .btn { flex: 1 1 auto; justify-content: center; }
    .rec-find-row #rec-address { flex: 1 1 100%; }
}

/* "How to pin your location" tip */
.ccr-map-tip {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 12.5px;
    line-height: 1.5;
    color: #cfcfcf;
    background: rgba(255, 98, 0, 0.08);
    border: 1px solid rgba(255, 98, 0, 0.22);
    border-radius: 8px;
    padding: 10px 12px;
    margin: 10px 0 0;
}
.ccr-map-tip i { color: #FF6200; margin-top: 2px; }
.ccr-map-tip strong { color: #fff; }