/**
 * Schedule Everything – Frontend Styles
 *
 * The admin overlay is only rendered when an element is NOT currently
 * visible to the public (upcoming or expired). Active elements are
 * shown without any wrapper.
 */

/* Wrapper – only present when element is hidden from public */
.sce-element-wrap {
    position: relative;
}

/* Overlay bar for admins – amber tone to signal "inactive" */
.sce-admin-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: rgba( 153, 87, 0, 0.88 );
    color: #fff;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.4;
    padding: 4px 10px;
    border-radius: 3px 3px 0 0;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sce-overlay-icon {
    margin-right: 4px;
}

/* Dim the hidden element so the admin can see it's inactive */
.sce-element-hidden > *:not( .sce-admin-overlay ) {
    opacity: 0.45;
    filter: grayscale( 40% );
}