/* ══════════════════════════════════════════════════════════════
   Bandeau statut Kim Loong — ADR-014 / ADR-015
   5 états : open · opening_soon · closing_soon · closed · closed_long
   Layout 2 lignes (ligne principale + ligne contextuelle)
   ══════════════════════════════════════════════════════════════ */
:root {
  --status-open-bg:             rgba(0,155,149,0.10);
  --status-open-text:           #007873;
  --status-open-border:         rgba(0,155,149,0.25);

  --status-opening-soon-bg:     rgba(197,130,0,0.10);
  --status-opening-soon-text:   #8A5A00;
  --status-opening-soon-border: rgba(197,130,0,0.30);

  --status-closing-soon-bg:     rgba(210,90,0,0.10);
  --status-closing-soon-text:   #B05000;
  --status-closing-soon-border: rgba(210,90,0,0.30);

  --status-closed-bg:           rgba(195,0,5,0.08);
  --status-closed-text:         #C30005;
  --status-closed-border:       rgba(195,0,5,0.20);

  --status-closed-long-bg:      rgba(80,70,60,0.08);
  --status-closed-long-text:    #4A4035;
  --status-closed-long-border:  rgba(80,70,60,0.20);
}

.kl-status-band {
  padding: 8px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-family: var(--font-display);
}

.kl-sb-line1 {
  font-size: 11px;
  font-style: italic;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.kl-sb-line2 {
  font-size: 10px;
  font-style: italic;
  letter-spacing: 0.06em;
  opacity: 0.85;
}

.kl-status-band.is-open {
  background:    var(--status-open-bg);
  color:         var(--status-open-text);
  border-bottom: 0.5px solid var(--status-open-border);
}

.kl-status-band.is-opening-soon {
  background:    var(--status-opening-soon-bg);
  color:         var(--status-opening-soon-text);
  border-bottom: 0.5px solid var(--status-opening-soon-border);
}

.kl-status-band.is-closing-soon {
  background:    var(--status-closing-soon-bg);
  color:         var(--status-closing-soon-text);
  border-bottom: 0.5px solid var(--status-closing-soon-border);
}

.kl-status-band.is-closed {
  background:    var(--status-closed-bg);
  color:         var(--status-closed-text);
  border-bottom: 0.5px solid var(--status-closed-border);
}

.kl-status-band.is-closed-long {
  background:    var(--status-closed-long-bg);
  color:         var(--status-closed-long-text);
  border-bottom: 0.5px solid var(--status-closed-long-border);
}