.databox-wp-map-wrap{position:relative}
.dbx-poi-panel{position:absolute;left:10px;top:10px;background:#fff;border:1px solid #ccd0d4;border-radius:6px;padding:8px 10px;z-index:2;box-shadow:0 1px 3px rgba(0,0,0,.15);font:13px/1.4 sans-serif}
.dbx-poi-panel label{display:block;margin-top:4px}
.dbx-route-append{margin-top:6px;padding-top:6px;border-top:1px solid #eee}

/* ———————————————————————
   Rota seçim dropdown'u (harita sağ üst)
   ——————————————————————— */
.dbx-route-select{
  display:flex; flex-direction: column; align-items:start; gap:8px;
  background:#fff;
  border:1px solid #d0d7de;
  padding:8px 10px;
  margin:10px;
  box-shadow:0 6px 18px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.06);
  font:13px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
}

.dbx-route-select-label{
  font-weight:600; color:#1f2328; letter-spacing:.2px; white-space:nowrap;
}

.dbx-select{ position:relative; }
.dbx-route-select-el{
  min-width:220px; max-width:320px;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  background:#fff;
  border:1px solid #c8d1da;
  padding:7px 34px 7px 10px;  /* sağ boşluk caret için */
  outline:0; line-height:1.3;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.dbx-route-select-el:hover{ border-color:#9fb3c8; }
.dbx-route-select-el:focus{
  border-color:#2271b1;
  box-shadow:0 0 0 3px rgba(34,113,177,.2);
}

/* caret (ok simgesi) */
.dbx-select::after{
  content:"";
  position:absolute; pointer-events:none;
  right:10px; top:50%; transform:translateY(-50%);
  width:0; height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:6px solid #5b6b79;
  opacity:.9;
}

/* küçük ekran */
@media (max-width: 600px){
  .dbx-route-select{ gap:6px; padding:6px 8px; }
  .dbx-route-select-el{ min-width:180px; max-width:65vw; }
}

/* koyu tema uyumu (tarayıcı sistem teması) */
@media (prefers-color-scheme: dark){
  .dbx-route-select{ box-shadow:0 8px 24px rgba(0,0,0,.35); }
  .dbx-route-select-el{ border-color:#33465d; }
  .dbx-route-select-el:hover{ border-color:#436086; }
  .dbx-select::after{ border-top-color:#94a3b8; }
}