/* Daraman Live Map Field — scoped styles */
.dlmf-wrap{--dlmf-terracotta:#A94716;--dlmf-copper:#C36A25;--dlmf-gold:#C98A32;--dlmf-ivory:#F8F3EA;--dlmf-sand:#E8D3B5;--dlmf-brown:#5A2E1B;--dlmf-ink:#292522;--dlmf-muted:#766b63;color:var(--dlmf-ink);font-family:Roboto,Arial,sans-serif;margin:0 auto;max-width:1500px;padding:36px 0}
.dlmf-wrap *{box-sizing:border-box}
.dlmf-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 28px}
.dlmf-eyebrow{display:block;color:var(--dlmf-terracotta);font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:10px}
.dlmf-heading h2{font-family:'Roboto Slab',Georgia,serif;font-size:clamp(28px,3vw,42px);line-height:1.16;color:var(--dlmf-brown);margin:0 0 10px;font-weight:800}
.dlmf-heading p{font-size:16px;line-height:1.65;color:#6f6259;margin:0;max-width:720px}
.dlmf-count{white-space:nowrap;background:#fff;border:1px solid #eaded2;border-radius:999px;padding:10px 15px;font-size:13px;font-weight:700;color:var(--dlmf-terracotta)}
.dlmf-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,.78fr);border:1px solid #eaded2;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 16px 36px rgba(67,39,22,.08)}
.dlmf-map-panel{min-width:0;background:#f5eee4}
.dlmf-map-tools{display:flex;gap:10px;padding:14px;background:#fff;border-bottom:1px solid #eee4da}
.dlmf-map-tools input,.dlmf-map-tools select{height:42px;min-width:0;border:1px solid #e5d7c9;border-radius:8px;padding:0 12px;background:#fff;color:#292522;font:inherit;font-size:13px}
.dlmf-map-tools input{flex:1}
.dlmf-map-tools select{width:150px}
.dlmf-map{height:440px;width:100%;background:#e8ddca;z-index:1}
.dlmf-home .dlmf-map{height:440px}
.dlmf-page .dlmf-map{height:min(68vh,680px);min-height:480px}
.dlmf-map-foot{padding:10px 14px;background:#fff;font-size:11px;line-height:1.6;color:#80756c}
.dlmf-map-foot a{color:var(--dlmf-terracotta);text-decoration:underline}
.dlmf-sidebar{padding:30px 28px;display:flex;flex-direction:column;min-width:0}
.dlmf-sidebar h3{font-family:'Roboto Slab',Georgia,serif;color:var(--dlmf-brown);font-size:23px;line-height:1.25;margin:0 0 8px}
.dlmf-sidebar>p{font-size:14px;line-height:1.7;color:#71645b;margin:0 0 20px}
.dlmf-legend{border-top:1px solid #e9e0d7;margin-bottom:14px}
.dlmf-legend>div{display:flex;align-items:center;gap:12px;min-height:53px;border-bottom:1px solid #e9e0d7;font-size:13px}
.dlmf-legend>div strong{margin-left:auto;color:#76513a;font-size:13px}
.dlmf-dot{display:inline-block;width:11px;height:11px;border-radius:50%;flex:0 0 11px;background:var(--dlmf-gold)}
.dlmf-dot-sale{background:#b34818}.dlmf-dot-rent{background:#d9b98e}
.dlmf-results{display:flex;flex-direction:column;gap:0}
.dlmf-result{display:block;padding:11px 0;border-bottom:1px solid #f0e9e2;color:inherit;text-decoration:none}
.dlmf-result:hover .dlmf-result-title{color:var(--dlmf-terracotta)}
.dlmf-result-title{display:block;font-size:13px;font-weight:700;color:#382b23;line-height:1.45}
.dlmf-result-meta{display:block;color:#887b71;font-size:11px;margin-top:3px}
.dlmf-empty{font-size:13px;line-height:1.6;color:#82766d}
.dlmf-all-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:20px;color:var(--dlmf-terracotta);font-weight:800;font-size:13px;text-decoration:none}
.dlmf-all-link span{font-size:18px}
.dlmf-notice{padding:16px;border:1px solid #eaded2;border-radius:10px;background:#fff8ef;color:#5a2e1b}
.dlmf-pin{background:var(--dlmf-terracotta);border:3px solid white;border-radius:50% 50% 50% 0;box-shadow:0 2px 9px #0004;transform:rotate(-45deg);width:22px;height:22px}
.dlmf-pin span{display:block;width:6px;height:6px;border-radius:50%;background:#fff;margin:5px auto}
.dlmf-popup{min-width:175px;font-family:Roboto,Arial,sans-serif}
.dlmf-popup strong{display:block;color:#5a2e1b;font-size:14px;margin-bottom:5px}
.dlmf-popup span{display:block;color:#74675e;font-size:12px;margin-bottom:9px}
.dlmf-popup a{display:inline-block;color:#a94716;font-size:12px;font-weight:700}
.dlmf-wrap .leaflet-container{font-family:Roboto,Arial,sans-serif}
.dlmf-wrap .leaflet-control-attribution{font-size:10px}

/* Responsive widget refinements — desktop, tablet, and mobile */
.dlmf-wrap {
  width: min(100% - 40px, 1500px);
  padding: clamp(24px, 3vw, 36px) 0;
}
.dlmf-layout,
.dlmf-map-panel,
.dlmf-sidebar,
.dlmf-heading > div {
  min-width: 0;
}
.dlmf-map-tools input,
.dlmf-map-tools select {
  max-width: 100%;
}
.dlmf-map-foot {
  overflow-wrap: anywhere;
}
.dlmf-popup {
  max-width: min(260px, calc(100vw - 64px));
  overflow-wrap: anywhere;
}
.dlmf-popup a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.dlmf-all-link i {
  font-size: 12px;
}
@media (max-width: 1100px) {
  .dlmf-layout {
    grid-template-columns: minmax(0, 1.6fr) minmax(240px, .9fr);
  }
  .dlmf-sidebar {
    padding: 22px 20px;
  }
  .dlmf-map,
  .dlmf-home .dlmf-map {
    height: 380px;
  }
  .dlmf-page .dlmf-map {
    height: 58vh;
    min-height: 380px;
    max-height: 620px;
  }
}
@media (max-width: 820px) {
  .dlmf-wrap {
    width: calc(100% - 32px);
    padding: 26px 0;
  }
  .dlmf-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .dlmf-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 18px;
  }
  .dlmf-heading h2 {
    font-size: clamp(26px, 5vw, 34px);
  }
  .dlmf-heading p {
    font-size: 15px;
    line-height: 1.55;
  }
  .dlmf-count {
    white-space: normal;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
  }
  .dlmf-sidebar {
    padding: 22px;
  }
  .dlmf-home .dlmf-map {
    height: 340px;
  }
  .dlmf-page .dlmf-map {
    height: 420px;
    min-height: 0;
    max-height: none;
  }
}
@media (max-width: 560px) {
  .dlmf-wrap {
    width: calc(100% - 24px);
    padding: 22px 0;
  }
  .dlmf-heading {
    gap: 10px;
    margin-bottom: 16px;
  }
  .dlmf-eyebrow {
    font-size: 10px;
    letter-spacing: .09em;
    margin-bottom: 7px;
  }
  .dlmf-heading h2 {
    font-size: clamp(24px, 7vw, 30px);
    line-height: 1.18;
    margin-bottom: 8px;
    overflow-wrap: anywhere;
  }
  .dlmf-heading p {
    font-size: 14px;
  }
  .dlmf-layout {
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(67,39,22,.07);
  }
  .dlmf-map-tools {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding: 10px;
  }
  .dlmf-map-tools input,
  .dlmf-map-tools select {
    width: 100%;
    min-width: 0;
    height: 44px;
    font-size: 14px;
  }
  .dlmf-home .dlmf-map {
    height: 280px;
  }
  .dlmf-page .dlmf-map {
    height: 320px;
  }
  .dlmf-map-foot {
    padding: 9px 10px;
    font-size: 10px;
    line-height: 1.5;
  }
  .dlmf-sidebar {
    padding: 17px 15px;
  }
  .dlmf-sidebar h3 {
    font-size: 20px;
    margin-bottom: 7px;
  }
  .dlmf-sidebar > p {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 14px;
  }
  .dlmf-legend > div {
    min-height: 46px;
    gap: 9px;
    font-size: 12px;
  }
  .dlmf-legend > div strong {
    font-size: 12px;
  }
  .dlmf-result {
    padding: 10px 0;
  }
  .dlmf-result-title {
    font-size: 13px;
    overflow-wrap: anywhere;
  }
  .dlmf-result-meta {
    font-size: 11px;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }
  .dlmf-all-link {
    padding-top: 15px;
    margin-top: 8px;
    font-size: 12px;
  }
  .dlmf-wrap .leaflet-control-attribution {
    font-size: 9px;
  }
  .dlmf-wrap .leaflet-bottom .leaflet-control {
    margin-bottom: 5px;
  }
  .dlmf-wrap .leaflet-left .leaflet-control {
    margin-left: 5px;
  }
  .dlmf-wrap .leaflet-right .leaflet-control {
    margin-right: 5px;
  }
}
@media (max-width: 360px) {
  .dlmf-wrap {
    width: calc(100% - 18px);
  }
  .dlmf-sidebar {
    padding: 14px 12px;
  }
  .dlmf-home .dlmf-map {
    height: 250px;
  }
  .dlmf-page .dlmf-map {
    height: 290px;
  }
}