/* Barbershop Status Badge */

@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');


.bss-badge { display:inline-flex; font-family: "Public Sans", sans-serif; align-items:center; gap:8px; border-radius:999px; font-size:13px; font-weight:500; line-height:1; white-space:nowrap; color:#fff; transition:none; }
.bss-dot { display:inline-block; width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.bss-state-open .bss-dot, .bss-state-closing-soon .bss-dot, .bss-state-opening-soon .bss-dot { animation:bss-pulse 2s ease-in-out infinite; }
.bss-state-closed-pre .bss-dot, .bss-state-closed-post .bss-dot { animation:none; }
@keyframes bss-pulse { 0%,100%{opacity:1} 50%{opacity:.35} }

/* All states — same dark pill, white text, only dot color changes */
.bss-state-closed-pre,
.bss-state-closed-post,
.bss-state-opening-soon,
.bss-state-open,
.bss-state-closing-soon { color:#fff; }

/* Dot colors only */
.bss-state-open .bss-dot          { background:#1d9e75; }
.bss-state-closing-soon .bss-dot  { background:#ef9f27; }
.bss-state-opening-soon .bss-dot  { background:#378add; }
.bss-state-closed-pre .bss-dot,
.bss-state-closed-post .bss-dot   { background:#e24b4a; }

.bss-badge-label { font-weight:600; }