/* WooCommerce Open Close - Notice Bar Frontend Styles */

#woc-notice-bar {
    position: relative;
    width: 100%;
    padding: 12px 20px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    display: none; /* hidden until JS loads data */
    z-index: 9999;
}

/* State colours (actual values injected by JS) */
#woc-notice-bar.woc-open {
    background-color: #008000;
}

#woc-notice-bar.woc-preorder {
    background-color: #ff8c00;
}

#woc-notice-bar.woc-closed {
    background-color: #cc0000;
}

#woc-notice-bar.woc-forced {
    background-color: #cc0000;
}

/* Fade-in effect */
#woc-notice-bar.woc-show {
    display: block;
    animation: wocFadeIn 0.4s ease-in-out;
}

@keyframes wocFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}