/**
 * MDPD Logística — Frontend CSS
 * Estilos para shortcodes del plugin en el frontend del sitio.
 */

/* ============================================================
   Leyenda de zonas ([zonas_lista], [zonas_de_entrega_mapa])
   ============================================================ */

.mdpd-zones-legend {
    list-style: none;
    margin:     0.5em 0 0;
    padding:    0;
    line-height: 1.8;
}

.mdpd-zone-item {
    display:     flex;
    align-items: center;
    gap:         0.5em;
}

.mdpd-zone-swatch {
    display:          inline-block;
    width:            1.2em;
    height:           1.2em;
    border-radius:    3px;
    flex-shrink:      0;
    /* El color se pasa siempre inline: style="background-color:..." */
}