/* ---------- Adreszoeker (PDOK) + kaart — hoort bij /js/adres.js ---------- */
.adres-zoek { position: relative; }
.adres-zoek input[data-adres-zoek] {
  padding-right: 40px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2304316c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") no-repeat right 12px center;
}
/* Laden: draaiend rondje over het pin-icoon */
.adres-zoek.laden input[data-adres-zoek] { background-image: none; }
.adres-zoek.laden::after {
  content: ''; position: absolute; right: 13px; top: 50%; width: 16px; height: 16px; margin-top: -8px;
  border: 2px solid var(--line); border-top-color: var(--navy); border-radius: 50%;
  animation: adres-draai .7s linear infinite; pointer-events: none;
}
@keyframes adres-draai { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .adres-zoek.laden::after { animation-duration: 2s; } }

/* Suggestielijst */
.adres-lijst {
  position: absolute; z-index: 50; left: 0; right: 0; top: 100%; margin: 4px 0 0; padding: 4px 0;
  list-style: none; max-height: 290px; overflow-y: auto;
  background: var(--paper); border: 1px solid var(--line); border-top: 3px solid var(--navy);
  border-radius: var(--radius); box-shadow: var(--shadow);
}
.adres-lijst [role=option] {
  display: flex; align-items: center; gap: 10px; padding: 9px 12px; margin: 0;
  font-size: 15px; line-height: 1.35; color: var(--ink); cursor: pointer;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.adres-lijst [role=option]::before {
  content: ''; flex: none; width: 14px; height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23858186' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") no-repeat center;
}
.adres-lijst [role=option][aria-selected=true] { background: var(--soft); color: var(--navy); box-shadow: inset 4px 0 0 var(--lime); }

/* Kaart */
[data-adres-kaart] {
  height: 220px; margin: 4px 0 18px; border: 1px solid var(--line); border-radius: var(--radius);
  overflow: hidden; background: var(--soft); position: relative; z-index: 0;
}
[data-adres-kaart].leaflet-container { font-family: var(--body); }
[data-adres-kaart] .leaflet-popup-content { font-family: var(--head); font-weight: 600; color: var(--navy); font-size: 13px; margin: 10px 14px; }
[data-adres-kaart] .leaflet-control-attribution { font-size: 11px; }
@media (max-width: 600px) { [data-adres-kaart] { height: 200px; } }