/* ── WPRooms Notice Bar ─────────────────────────────────────────────────── */

.wprooms-notice-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99990;
    display: flex;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    width: 100%;
    line-height: 1.4;
    transition: transform .25s ease, opacity .25s ease;
}

/* When WordPress admin bar is present, sit below it */
.admin-bar .wprooms-notice-bar {
    top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar .wprooms-notice-bar {
        top: 46px;
    }
}

/* Push page content down so nothing hides behind the bar */
.wprooms-nb-spacer {
    display: block;
    width: 100%;
    flex-shrink: 0;
}

/* Close button — absolutely positioned so it doesn't disturb flex centering */
.wprooms-nb-close {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.25em;
    line-height: 1;
    opacity: .7;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    flex-shrink: 0;
    transition: opacity .15s;
    color: inherit;
}
.wprooms-nb-close:hover {
    opacity: 1;
}

/* Message + icon */
.wprooms-nb-icon {
    flex-shrink: 0;
}
.wprooms-nb-message {
    /* No flex:1 — let justify-content:center work on the container */
}

/* Full-bar link overlay */
.wprooms-nb-fulllink {
    cursor: pointer;
}

/* CTA link */
.wprooms-nb-cta {
    display: inline;
}
.wprooms-nb-cta:hover {
    opacity: .85;
}

/* Dismissed / hidden state */
.wprooms-notice-bar.is-dismissed {
    transform: translateY(-110%);
    opacity: 0;
    pointer-events: none;
}

/* Relative positioning fallback when fixed causes layout issues */
.wprooms-notice-bar.is-inline {
    position: relative;
    top: auto;
}