/**
 * 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:..." */
}

/* Zonas en stand-by (pausadas por el admin): leyenda desaturada con
 * patrón diagonal sobre el swatch + etiqueta "(No disponible)". */
.mdpd-zone-item.is-standby {
    opacity: 0.55;
}

.mdpd-zone-item.is-standby .mdpd-zone-swatch {
    background-image: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, .55) 0,
        rgba(255, 255, 255, .55) 3px,
        transparent 3px,
        transparent 6px
    );
}

.mdpd-zone-standby-tag {
    font-size: 0.85em;
    font-style: italic;
    color: #777;
    margin-left: .25em;
}