/**
 * 🔱 RBN Core - Framework [v0.9.7]
 * 🏛️ ARCHITECTURE  : RBN Asset Engine
 * ---------------------------------------
 * 🛰️ COMPONENT     : RbnKit v1.0
 * ⚓ RESOURCE      : rbnOpeningStatus.css [Core]
 * 🛡️ STATUS        : Verified & Proxied
 * ---------------------------------------
 */

/* ==========================================================================
   RBN OPENING STATUS (components/rbnOpeningStatus.css) 🕘
   Open / closed badge of the working hours (view part `opening_status`). Colours are the framework tokens only:
   open = success, closed = danger; the dot AND the text carry the state, so colour is never the only signal.
   A project re-maps the tokens (`--success-color`, `--danger-color`, `--success-text`, `--danger-text`), never the classes.
   ========================================================================== */

.rbn-opening-status {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.75rem;
    font-family: inherit;
    font-size: 0.9375rem;
    line-height: 1.4;
}

.rbn-opening-status__state {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
}

.rbn-opening-status__dot {
    flex: 0 0 auto;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background: currentColor;
}

.rbn-opening-status__remaining {
    color: var(--rbn-text-muted, inherit);
    font-weight: 400;
}

.rbn-opening-status--open .rbn-opening-status__state {
    color: var(--rbn-success-text, var(--rbn-success));
}

.rbn-opening-status--open .rbn-opening-status__dot {
    background: var(--rbn-success);
}

.rbn-opening-status--closed .rbn-opening-status__state {
    color: var(--rbn-danger-text, var(--rbn-danger));
}

.rbn-opening-status--closed .rbn-opening-status__dot {
    background: var(--rbn-danger);
}