/*
 * Mappa Professionisti — mappa-professionisti.css
 * Plugin: IT3 Core Engine
 * Versione: 1.2.0
 *
 * Stili per l'elemento custom mappa-professionisti.
 * Colori ereditati da variabili UIkit / palette brand Demetra.
 *
 * Changelog:
 *   1.2.0 — Filtri: .dm-mappa-filtri__buttons (scroll orizzontale, nowrap) e
 *            .dm-mappa-filtri__search (riga separata, sempre visibile su mobile).
 *            Rimosso max-width: 120px da .dm-cat-badge. Rimossi background e
 *            color hardcoded da .dm-popup-cat (ora iniettati inline dal JS).
 *   1.1.0 — Aggiunto stile base per marker circolare divIcon (.dm-marker-circle,
 *            .dm-marker-inner). Background marker e badge categoria rimossi
 *            da CSS: iniettati inline dal JS tramite cat_color per termine.
 *   1.0.0 — Estratto da template.php (era inline). Colori blu sostituiti
 *            con palette brand: primary #5C7E42, secondary #FF9C00.
 */

/* ── Tabella lista ──────────────────────────────────────────────────────────── */
.dm-lista-row:hover td,
.dm-lista-row:focus td   { background: rgba(92, 126, 66, 0.06); }
.dm-lista-row--active td { background: rgba(92, 126, 66, 0.12); }

/* ── Pulsanti filtro ────────────────────────────────────────────────────────── */
.dm-filter-btn--active                     { opacity: 1; }
.dm-filter-btn:not(.dm-filter-btn--active) { opacity: 0.65; }

/* ── Badge categoria ────────────────────────────────────────────────────────── */
.dm-cat-badge {
    white-space: normal;
    word-break: break-word;
    line-height: 1.3;
    padding: 3px 6px;
    text-align: center;
    display: inline-block;
    /* background: iniettato inline dal JS (cat_color per termine) */
}

/* ── Marker circolare divIcon ───────────────────────────────────────────────── */
.dm-marker-circle {
    background: transparent !important;
    border: none !important;
}
.dm-marker-inner {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0,0,0,0.35);
    /* background: iniettato inline dal JS (cat_color per professionista) */
}

/* ── Filtri: riga pulsanti scrollabile + riga ricerca ───────────────────────── */
.dm-mappa-filtri__buttons {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
    margin-bottom: 8px;
}
.dm-mappa-filtri__search {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}
.dm-mappa-filtri__search .uk-inline {
    flex: 1;
    min-width: 180px;
}
.dm-mappa-filtri .dm-filter-btn {
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Input ricerca ──────────────────────────────────────────────────────────── */
.dm-search-input { border-radius: 4px; }

/* ── Popup Leaflet ──────────────────────────────────────────────────────────── */
.dm-mappa-canvas .leaflet-popup-content              { min-width: 180px; }
.dm-mappa-canvas .leaflet-popup-content strong       { display: block; margin-bottom: 4px; }
.dm-mappa-canvas .leaflet-popup-content .dm-popup-cat {
    display: inline-block;
    font-size: 11px;
    border-radius: 3px;
    padding: 1px 6px;
    margin-bottom: 6px;
    /* background e color iniettati inline dal JS (cat_color + getContrastColor) */
}