/**
 * Frontend styles for the EasyBar Notification Plugin.
 */

/* ----------------------------------------------------
 * 1. CORE BAR POSITIONING AND CONTAINER
 * ---------------------------------------------------- */

.easybar-wrapper {
    position: fixed !important; /* ГАРАНТИЯ: Бар привязан к окну */
    top: 0 !important;          /* ГАРАНТИЯ: Бар привязан к верхнему краю */
    left: 0;
    width: 100%;
    z-index: 99999;
    box-sizing: border-box;
    transition: none;
}

.easybar-container {
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 10px 15px;
    width: 100%;
    transition: background-color 0.3s, color 0.3s;
}


/* ----------------------------------------------------
 * 2. TEXT WRAPPER AND MARQUEE SUPPORT
 * ---------------------------------------------------- */

.easybar-text-wrap {
    display: flex;
    white-space: nowrap;
    width: 100%;
    justify-content: center;
}

.easybar-scroll-content-static {
    display: inline-block;
    flex-shrink: 0;
    flex-grow: 0;
    animation: none !important;
    transform: none !important;
    padding: 0 !important;
}

/* --- Marquee-specific styles (for scroll modes) --- */

.easybar-text-wrap.scroll-left,
.easybar-text-wrap.scroll-right,
.easybar-text-wrap.scroll-alternate {
    justify-content: flex-start;
}

.easybar-text-wrap marquee {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: inherit;
}


/* ----------------------------------------------------
 * 3. COUNTDOWN AND EXPIRED TEXT
 * ---------------------------------------------------- */

.easybar-timer-digit {
    margin-left: 10px;
    display: inline-block;
}

.easybar-expired-text {
    /* No structural styles needed here */
}