/* =========================
   WIDGET BASE
========================= */

.dlh-widget{
    max-width:380px;
    padding:20px;
    border-radius:14px;
    background:#111;
    color:#fff;
    font-family:Arial, sans-serif;
    box-shadow:0 8px 25px rgba(0,0,0,0.35);
}

/* =========================
   STATUS
========================= */

.dlh-status{
    font-weight:bold;
    font-size:18px;
    margin-bottom:8px;
}

.dlh-status.open{
    color: var(--dlh-open-color, #00e676);
    animation:pulse 2s infinite;
}

.dlh-status.closed{
    color: var(--dlh-closed-color, #ff5252);
}

@keyframes pulse {
    0% { opacity:1; }
    50% { opacity:0.6; }
    100% { opacity:1; }
}

/* =========================
   COUNTDOWN
========================= */

.dlh-countdown{
    font-size:14px;
    opacity:0.85;
    margin-bottom:10px;
}

/* =========================
   TODAY
========================= */

.dlh-today{
    font-size:14px;
    margin-bottom:10px;
    opacity:0.9;
}

/* =========================
   NOTE BOX
========================= */

.dlh-note{
    margin-top:10px;
    padding:10px;
    background:#2a2200;
    border-left:5px solid #ffcc00;
    font-size:13px;
    border-radius:8px;
    color:#ffe9a6;
}

/* =========================
   TABLE
========================= */

.dlh-table{
    width:100%;
    border-collapse:collapse;
    margin-top:10px;
    font-size:14px;
}

.dlh-table td{
    padding:6px 4px;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

.dlh-table .today{
    background:rgba(255,255,255,0.05);
    font-weight:bold;
    color:#00e676;
}

/* =========================
   BUTTONS
========================= */

.dlh-buttons{
    display:flex;
    gap:10px;
    margin-top:15px;
    flex-wrap:wrap;
}

.dlh-btn{
    flex:1;
    text-align:center;
    padding:12px;
    border-radius:10px;
    text-decoration:none;
    font-weight:bold;
    font-size:14px;
    transition:all 0.2s ease;
    display:block;
}

.dlh-btn.call{
    background:#c40000;
    color:#fff;
}

.dlh-btn.call:hover{
    background:#a00000;
    transform:translateY(-1px);
}

.dlh-btn.whatsapp{
    background:#25D366;
    color:#fff;
}

.dlh-btn.whatsapp:hover{
    background:#1ebe5d;
    transform:translateY(-1px);
}

/* =========================
   ACCORDION (FINAL CLEAN SYSTEM)
========================= */

.dlh-accordion-btn{
    width:100%;
    padding:12px;
    border:none;
    border-radius:10px;
    cursor:pointer;
    background:#222;
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    transition:0.2s;
    margin-top:10px;
    user-select:none;
}

.dlh-accordion-btn:hover{
    background:#2a2a2a;
}

.dlh-accordion-btn:active{
    transform:scale(0.99);
}

.dlh-arrow{
    transition:0.3s;
}

/* ONLY ONE ACCORDION SYSTEM */
.dlh-accordion {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.dlh-accordion.open {
    display: block;
}

/* =========================
   PULSE EFFECT
========================= */

.dlh-pulse{
    transform:scale(1.03);
    transition:0.2s;
}

/* =========================
   MOBILE FIX
========================= */

@media (max-width:480px){

    .dlh-widget{
        max-width:100%;
        padding-bottom:90px;
    }

    .dlh-btn{
        flex:100%;
    }

    .dlh-mobile-bar{
        height:56px;
    }
}

/* =========================
   MOBILE BAR
========================= */

.dlh-mobile-bar{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    display:flex;
    background:#111;
    z-index:9999;
}

.dlh-mobile-bar a{
    flex:1;
    padding:14px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
}

.dlh-mobile-bar .call{ background:#c40000; }
.dlh-mobile-bar .wa{ background:#25D366; }