/* Agents Directory: basic layout and theming */
.mbad-dir { --mbad-color: var(--mbad-theme-color, #0f172a); display:flex; gap:16px; align-items:stretch; }
.mbad-dir.map-right .mbad-list-panel { order:1; }
.mbad-dir.map-right .mbad-map-panel { order:2; }
.mbad-dir.map-left .mbad-list-panel { order:2; }
.mbad-dir.map-left .mbad-map-panel { order:1; }
.mbad-dir.map-top { flex-direction:column; }
.mbad-dir.map-bottom { flex-direction:column-reverse; }

.mbad-list-panel { flex: 1 1 55%; min-width: 320px; }
.mbad-map-panel  { flex: 1 1 45%; min-width: 280px; position:relative; }
.mbad-map { width: 100%; height: 70vh; border-radius: 12px; overflow:hidden; }

.mbad-toolbar { display:flex; flex-wrap: wrap; gap:10px; margin-bottom: 12px; }
.mbad-toolbar input[type="search"], .mbad-toolbar select { padding:10px 12px; border:1px solid #e5e7eb; border-radius:8px; flex:1; max-width: 280px; }

.mbad-cards { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
@media (max-width: 900px) { .mbad-cards { grid-template-columns: 1fr; } .mbad-map { height: 50vh; } }

.mbad-card { display:flex; gap:12px; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; background:#fff; box-shadow: 0 1px 2px rgba(0,0,0,0.04); cursor:pointer; }
.mbad-card.active { outline:2px solid var(--mbad-color); }
.mbad-card .mbad-card-media { width:120px; min-height:100px; background:#f5f5f5; display:flex; align-items:center; justify-content:center; }
.mbad-card .mbad-card-media img { width:100%; height:100%; object-fit:cover; }
.mbad-card .mbad-card-body { padding:12px; flex:1; }
.mbad-card-title { margin:0 0 6px; font-size:1.1rem; }
.mbad-rating { color:#f59e0b; margin:4px 0; }
.mbad-tags .tag { display:inline-block; background:#f1f5f9; color:#0f172a; padding:2px 8px; border-radius:999px; font-size:12px; margin-right:6px; }

.mbad-actions { display:flex; gap:8px; margin-top:8px; }
.mbad-actions a { display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border-radius:8px; text-decoration:none; border:1px solid var(--mbad-color); color:var(--mbad-color); }
.mbad-actions a.mbad-book { background: var(--mbad-color); color:#fff; }

.mbad-pagination { display:flex; align-items:center; gap:12px; margin-top:12px; }
.mbad-pagination button { padding:8px 12px; border-radius:8px; border:1px solid #e5e7eb; background:#fff; }
.mbad-error { padding:12px; background:#fef2f2; border:1px solid #fecaca; border-radius:8px; }

/* Agent profile card (Elementor widget) */
.mbad-agent-card { display:flex; gap:12px; border:1px solid #e5e7eb; border-radius:12px; padding:12px; }
.mbad-agent-photo-wrap img { width:140px; height:140px; object-fit:cover; border-radius:10px; }
.mbad-agent-name { margin:0 0 6px; font-size:1.25rem; }
.mbad-agent-office, .mbad-agent-phone, .mbad-agent-email { margin:4px 0; }