/* FMKE flash-sale countdown banner (flash-countdown.php)
   One slim row, flat brand orange, no gradients. Motion is limited to a soft
   bolt glow, digits that roll when they change, and a thin progress line. */
.fmke-flash-timer{position:relative;z-index:60;overflow:hidden;color:#fff;background:var(--fmke-primary,#FF6A00);animation:fmke-ft-in .5s ease both}
.fmke-flash-timer *{box-sizing:border-box}
.fmke-flash-timer[hidden]{display:none}
.fmke-flash-timer__inner{max-width:66.4989em;margin:0 auto;padding:7px 2.617em 9px;display:flex;align-items:center;justify-content:center;gap:8px 22px;min-height:40px}
@media(min-width:1025px){.fmke-flash-timer__inner{max-width:1800px;width:90%;padding:7px 0 9px}}

.fmke-flash-timer__lead{display:flex;align-items:center;gap:10px;min-width:0}
.fmke-flash-timer__bolt{display:inline-flex;color:#fff;animation:fmke-ft-glow 2.4s ease-in-out infinite}
.fmke-flash-timer__bolt svg{width:16px;height:16px;display:block}
.fmke-flash-timer__badge{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.fmke-flash-timer__sep{width:1px;height:14px;background:rgba(255,255,255,.55)}
.fmke-flash-timer__text{font-size:13.5px;font-weight:600;color:#fff;white-space:nowrap}

.fmke-flash-timer__clock{display:flex;align-items:center;gap:5px}
.fmke-flash-timer__unit{display:inline-flex;align-items:baseline;gap:1px;padding:3px 7px;border-radius:6px;background:var(--fmke-dark,#1F3D2C);line-height:1.2;font-variant-numeric:tabular-nums}
.fmke-flash-timer__unit[hidden]{display:none}
.fmke-flash-timer__unit b{display:inline-block;min-width:1.2em;text-align:right;font-size:14px;font-weight:700;color:#fff}
.fmke-flash-timer__unit i{font-style:normal;font-size:10px;font-weight:600;color:rgba(255,255,255,.65)}
.fmke-flash-timer__unit b.is-roll{animation:fmke-ft-roll .35s cubic-bezier(.2,.8,.3,1)}

.fmke-flash-timer__cta{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#fff;color:var(--fmke-dark,#1F3D2C)!important;font-size:12.5px;font-weight:700;text-decoration:none!important;white-space:nowrap;transition:background .2s,color .2s}
.fmke-flash-timer__arrow{display:inline-block;transition:transform .2s}
.fmke-flash-timer__cta:hover{background:var(--fmke-dark,#1F3D2C);color:#fff!important}
.fmke-flash-timer__cta:hover .fmke-flash-timer__arrow{transform:translateX(3px)}

/* Thin progress line along the bottom: shrinks as the sale runs out */
.fmke-flash-timer__bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(0,0,0,.14)}
.fmke-flash-timer__bar span{display:block;height:100%;width:100%;background:#fff;transform-origin:left center;transition:transform 1s linear}
.fmke-flash-timer.is-urgent .fmke-flash-timer__bar span{background:var(--fmke-dark,#1F3D2C)}

/* Admin-only hint when there's no end time */
.fmke-flash-timer--hint{background:#FFF8E1;color:#5B4A00;border-bottom:1px dashed #E0B400;padding:8px 14px;text-align:center;font-size:13px;animation:none}
.fmke-flash-timer--hint a{color:var(--fmke-primary-dark,#CC5500)!important;font-weight:700;text-decoration:underline!important}
.fmke-flash-timer--hint em{opacity:.75}

@keyframes fmke-ft-in{from{opacity:0}to{opacity:1}}
@keyframes fmke-ft-glow{0%,100%{filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{filter:drop-shadow(0 0 5px rgba(255,255,255,.85))}}
@keyframes fmke-ft-roll{from{transform:translateY(55%);opacity:0}to{transform:none;opacity:1}}

/* Mobile: still one slim row - label, clock, arrow */
@media(max-width:782px){
 .fmke-flash-timer__inner{padding:6px 12px 8px;gap:10px;justify-content:space-between;min-height:38px}
 .fmke-flash-timer__sep,.fmke-flash-timer__text,.fmke-flash-timer__ctatext{display:none}
 .fmke-flash-timer__badge{font-size:10.5px}
 .fmke-flash-timer__unit{padding:3px 6px}
 .fmke-flash-timer__unit b{font-size:13px}
 .fmke-flash-timer__cta{padding:4px 9px}
}
@media(max-width:340px){.fmke-flash-timer__bolt{display:none}}
@media(prefers-reduced-motion:reduce){
 .fmke-flash-timer,.fmke-flash-timer__bolt,.fmke-flash-timer__unit b.is-roll{animation:none!important}
 .fmke-flash-timer__bar span{transition:none}
}
