/* ============================================
   SIPO dynamic component styles — Punjabi Rasoi
   Status strip + API opening-hours list
   ============================================ */

/* ---------- TOP STATUS STRIP ---------- */
.status-strip{
  position:fixed;top:0;left:0;width:100%;z-index:200;
  font-family:'Poppins',sans-serif;
  background:#1c1206;color:#fff;
  transition:background .3s ease;
}
.status-strip-inner{
  max-width:1200px;margin:0 auto;padding:8px 24px;
  display:flex;align-items:center;justify-content:center;gap:10px;
  font-size:.9rem;font-weight:500;letter-spacing:.02em;text-align:center;
}
.status-strip-dot{
  width:9px;height:9px;border-radius:50%;background:#e6b13e;flex:none;
  box-shadow:0 0 0 0 rgba(255,255,255,.4);
}
.status-strip.open{background:#15803d}
.status-strip.open .status-strip-dot{background:#4ade80;animation:strip-pulse 2s infinite}
.status-strip.closed{background:#9b2c2c}
.status-strip.closed .status-strip-dot{background:#f87171}
.status-strip.error{background:#3a2a12}
.status-strip .countdown-timer{font-weight:700;font-variant-numeric:tabular-nums}
@keyframes strip-pulse{
  0%{box-shadow:0 0 0 0 rgba(74,222,128,.5)}
  70%{box-shadow:0 0 0 7px rgba(74,222,128,0)}
  100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}
}

/* Push the fixed navbar below the strip */
body.has-status-strip .nav{top:var(--strip-height,38px)}

/* ---------- API OPENING HOURS LIST (footer) ---------- */
#footer-hours{list-style:none;margin:0;padding:0;display:inline-block;text-align:left;min-width:230px}
#footer-hours li{
  display:flex;justify-content:space-between;gap:26px;
  padding:5px 0;font-size:.9rem;color:#e7dcc6;
  border-bottom:1px solid rgba(230,177,62,.12);
}
#footer-hours li:last-child{border-bottom:none}
#footer-hours li .day{font-weight:600;color:#fff;letter-spacing:.03em}
#footer-hours li .time{text-align:right;color:#e7dcc6}
#footer-hours li .time.closed-day{color:#c98a8a}
#footer-hours li.today{color:var(--gold)}
#footer-hours li.today .day,#footer-hours li.today .time{color:var(--gold)}

@media(max-width:860px){
  .status-strip-inner{font-size:.82rem;padding:7px 16px}
  #footer-hours{min-width:0;width:100%;max-width:300px}
}