/* bep-lieu.css — le champ « Où ? » de www (lot www-geo-socle-20261007). S'appuie sur Bootstrap 3 (.form-control, .btn). */
.bep-lieu{position:relative}
.bep-lieu [hidden]{display:none!important}
.bep-lieu-ligne{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}
.bep-lieu-ligne .form-control{flex:1 1 200px;min-width:0;width:auto;height:auto;min-height:38px}
.bep-lieu-ligne .bep-lieu-position{flex:0 0 auto;white-space:nowrap}
.bep-lieu-liste{position:absolute;left:0;right:0;top:100%;z-index:1050;margin:4px 0 0;padding:4px;list-style:none;
  background:#fff;color:#333;border:1px solid #ccc;border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,.25);
  max-height:min(60vh,360px);overflow-y:auto;text-align:left}
.bep-lieu-liste li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;min-height:44px;
  cursor:pointer;border-radius:3px;line-height:1.3}
.bep-lieu-liste li.actif,.bep-lieu-liste li:hover{background:#eef3f8}
.bep-lieu-liste .nom{font-weight:600;min-width:0}
.bep-lieu-liste .sous{color:#777;font-size:13px;white-space:nowrap;flex:0 0 auto}
.bep-lieu-liste .vide{color:#777;cursor:default;justify-content:flex-start}
.bep-lieu-choix{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:38px;padding:6px 12px;
  border:1px solid #ccc;border-radius:4px;background:#fff;color:#333;text-align:left}
.bep-lieu-choix .nom{font-weight:700;font-size:16px}
.bep-lieu-choix .sous{color:#777}
.bep-lieu-choix .bep-lieu-changer{margin-left:auto;background:none;border:0;color:#337ab7;padding:4px 6px;cursor:pointer;font:inherit;text-decoration:underline}
.bep-lieu-choix .bep-lieu-changer:focus-visible,.bep-lieu-liste li:focus-visible{outline:2px solid #337ab7;outline-offset:1px}
@media (max-width:480px){.bep-lieu-ligne .bep-lieu-position{flex:1 1 100%}}