/* DeveloperOnTime Distributor Locator */
.dot-distributor-locator {
    --dot-primary: #08a7df;
    --dot-dark: #17324d;
    --dot-border: #e2e8ee;
    --dot-muted: #6b7785;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    font-family: inherit;
}
.dot-distributor-locator * { box-sizing: border-box; }
.dot-dl-header { margin-bottom: 18px; }
.dot-dl-header h2 { margin: 0 0 8px; font-size: 28px; line-height: 1.2; color: var(--dot-dark); }
.dot-dl-search-row { display:flex; gap:10px; align-items:stretch; margin-bottom:10px; }
.dot-dl-input-wrap { flex:1; position:relative; }
.dot-dl-location {
    width:100%; min-height:48px; border:1px solid #cfd8df; padding:0 14px;
    font-size:16px; outline:none; border-radius:2px;
}
.dot-dl-location:focus { border-color: var(--dot-primary); box-shadow:0 0 0 2px rgba(8,167,223,.12); }
.dot-dl-current, .dot-dl-search {
    min-height:48px; border:0; padding:0 18px; cursor:pointer; font-weight:600;
}
.dot-dl-current { width:48px; background:var(--dot-primary); color:#fff; font-size:20px; }
.dot-dl-search { background:var(--dot-primary); color:#fff; }
.dot-dl-search:disabled { opacity:.6; cursor:wait; }
.dot-dl-radius-row { display:flex; align-items:center; gap:8px; margin:0 0 18px; color:var(--dot-muted); font-size:14px; }
.dot-dl-radius { border:1px solid var(--dot-border); padding:5px 8px; background:#fff; }
.dot-dl-body { display:grid; grid-template-columns:minmax(280px, 38%) 1fr; min-height:480px; border:1px solid var(--dot-border); }
.dot-dl-results { overflow:auto; max-height:600px; background:#fff; }
.dot-dl-map { min-height:480px; background:#eef2f4; }
.dot-dl-empty { padding:28px 22px; color:var(--dot-muted); }
.dot-dl-card { padding:20px; border-bottom:1px solid var(--dot-border); cursor:pointer; transition:.15s ease; }
.dot-dl-card:hover, .dot-dl-card.active { background:#f7fbfd; }
.dot-dl-card h3 { margin:0 0 8px; color:var(--dot-dark); font-size:18px; }
.dot-dl-card p { margin:5px 0; color:#4f5b66; font-size:14px; line-height:1.5; }
.dot-dl-distance { color:var(--dot-primary) !important; font-weight:700; }
.dot-dl-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.dot-dl-actions a { text-decoration:none; font-size:13px; font-weight:600; }
.dot-dl-link { color:var(--dot-primary); }
.dot-dl-loading { padding:28px 22px; color:var(--dot-muted); }
.dot-dl-error { padding:14px 16px; background:#fff2f2; color:#9d2a2a; margin:10px; border-radius:3px; }
.dot-dl-autocomplete-note { display:none; }

@media (max-width: 767px) {
    .dot-dl-search-row { flex-wrap:wrap; }
    .dot-dl-input-wrap { flex-basis:100%; }
    .dot-dl-current { flex:0 0 48px; }
    .dot-dl-search { flex:1; }
    .dot-dl-body { grid-template-columns:1fr; }
    .dot-dl-results { max-height:420px; order:2; }
    .dot-dl-map { min-height:320px; order:1; }
}

.dot-dl-map .dot-dl-empty{padding:28px;text-align:center;color:#6b7785;}