/*
 * TPLX DeliveryCountdown – fd_deliverycountdown.css
 *
 * Plugin-eigene Designs sind vollständig Bootstrap-unabhängig.
 * Bootstrap-Klassen (alert-*) bleiben als separate Option erhalten.
 */

/* ── Basis für alle Plugin-eigenen Designs ─────────────────────────────── */

#deliverycountdown.dc-white,
#deliverycountdown.dc-pine,
#deliverycountdown.dc-honey,
#deliverycountdown.dc-sky,
#deliverycountdown.dc-carbon,
#deliverycountdown.dc-dark,
#deliverycountdown.dc-sunrise,
#deliverycountdown.dc-own {
    display: block;
    padding: 10px 14px;
    border-radius: 5px;
    margin-bottom: 1rem;
}

/* ── dc-white · Standard Weiß ──────────────────────────────────────────── */
#deliverycountdown.dc-white {
    background: #ffffff;
    border: 1px solid #dee2e6;
    color: #333333;
}

/* ── dc-pine · Sattes Grün ─────────────────────────────────────────────── */
#deliverycountdown.dc-pine {
    background: #edf7ee;
    border-left: 4px solid #2e7d32;
    color: #1b4d1e;
}
#deliverycountdown.dc-pine .delivery_countdown,
#deliverycountdown.dc-pine .delivery_date { color: #2e7d32; }

/* ── dc-honey · Warmes Bernstein ───────────────────────────────────────── */
#deliverycountdown.dc-honey {
    background: #fffbea;
    border: 1px solid #e6a817;
    color: #5c3d00;
}
#deliverycountdown.dc-honey .delivery_countdown,
#deliverycountdown.dc-honey .delivery_date { color: #b87000; }

/* ── dc-sky · Klares Blau ──────────────────────────────────────────────── */
#deliverycountdown.dc-sky {
    background: #e8f4fd;
    border-left: 4px solid #1565c0;
    color: #0c2d6b;
}
#deliverycountdown.dc-sky .delivery_countdown,
#deliverycountdown.dc-sky .delivery_date { color: #1565c0; }

/* ── dc-carbon · Dunkelblau / Modern ──────────────────────────────────── */
#deliverycountdown.dc-carbon {
    background: #1e2d3d;
    border: 1px solid #2e4a6a;
    color: #cfe8ff;
}
#deliverycountdown.dc-carbon .delivery_countdown,
#deliverycountdown.dc-carbon .delivery_date { color: #7ec8f4; }

/* ── dc-dark · Schwarz / Dark Mode ────────────────────────────────────── */
#deliverycountdown.dc-dark {
    background: #1c1c1e;
    border: 1px solid #3a3a3c;
    color: #f2f2f7;
}
#deliverycountdown.dc-dark .delivery_countdown,
#deliverycountdown.dc-dark .delivery_date { color: #a8d5a2; }
#deliverycountdown.dc-dark .fa { color: #a8d5a2; }

/* ── dc-sunrise · Warmes Orange ────────────────────────────────────────── */
#deliverycountdown.dc-sunrise {
    background: #fff3e0;
    border-left: 4px solid #e65100;
    color: #6d2500;
}
#deliverycountdown.dc-sunrise .delivery_countdown,
#deliverycountdown.dc-sunrise .delivery_date { color: #c84600; }

/* ── Farbige Elemente (Fallback für Bootstrap-Designs) ─────────────────── */

.delivery_date .fa {
    color: #404040;
}

.delivery_date,
.delivery_countdown {
    color: #388E3C;
}

.delivery_countdown {
    font-weight: 600;
    white-space: nowrap;
}