/* ═══════════════════════════════════════════════════════════════
   DANGO PP — FECHA ESTIMADA — Frontend CSS
   ═══════════════════════════════════════════════════════════════ */

/* El widget usa inline styles para los valores configurables.
   Este archivo solo define el layout estructural. */

.dango-pp-eta-block {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    border-style: solid !important;
    border-width: 1px !important;
    margin: 12px 0 !important;
}
.dango-pp-eta-icon {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
}
.dango-pp-eta-text {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}
.dango-pp-eta-main {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    line-height: 1.3 !important;
}
.dango-pp-eta-main strong,
.dango-pp-eta-main span {
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.dango-pp-eta-text small {
    display: block !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ── ETA en pedido (cliente) ── */
.dango-pp-eta-order { margin-top: 6px; font-size: 13px; color: #555; line-height: 1.5; }
.dango-pp-eta-order strong { font-weight: 600; }

/* ── Subtexto de estado debajo del precio ── */
.dango-subtexto-estado {
    font-size: 13px;
    color: #444;
    margin: 6px 0 10px;
    line-height: 1.5;
}