/* ======================================================
   OFFERS COUNTDOWN EXTRA STYLES
   File: css/offers-timer.css
====================================================== */

/* Top intro countdown */
.offer-live-countdown{
    display:flex;
    justify-content:center;
    gap:18px;
    margin-top:28px;
    flex-wrap:wrap;
}

.offer-live-countdown .timer-box{
    background:#fff;
    border:1px solid rgba(212,175,55,.25);
    border-radius:20px;
    padding:16px 22px;
    min-width:110px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
}

.offer-live-countdown .timer-number{
    display:block;
    font-size:2rem;
    font-weight:800;
    color:#1F5C3A;
    line-height:1;
}

.offer-live-countdown .timer-label{
    display:block;
    margin-top:6px;
    font-size:.82rem;
    color:#666;
    font-weight:600;
    letter-spacing:.4px;
}

/* Glow effect for bottom strip */
.limited-offer-strip{
    position:relative;
    overflow:hidden;
}

.limited-offer-strip::before{
    content:'';
    position:absolute;
    inset:-30%;
    background:radial-gradient(circle at center,
        rgba(255,255,255,.10) 0%,
        rgba(255,255,255,0) 70%);
    animation:offerPulse 6s linear infinite;
}

@keyframes offerPulse{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
}

.count-box{
    position:relative;
    overflow:hidden;
}

.count-box::after{
    content:'';
    position:absolute;
    top:-100%;
    left:-40%;
    width:60%;
    height:300%;
    background:rgba(255,255,255,.35);
    transform:rotate(25deg);
    animation:shine 4s infinite;
}

@keyframes shine{
    0%{ left:-60%; }
    100%{ left:120%; }
}

.offer-ended{
    color:#fff;
    font-weight:700;
    font-size:1rem;
}

@media (max-width:767px){
    .offer-live-countdown{
        gap:12px;
    }

    .offer-live-countdown .timer-box{
        min-width:90px;
        padding:14px 16px;
    }

    .offer-live-countdown .timer-number{
        font-size:1.7rem;
    }
}