/* Announcements Notice Bar Styles */
.ss-announcement-bar {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.ss-announcement-container {
    padding-left: 20px;
}

.ss-announcement-text {
    line-height: 1.4;
}

.ss-announcement-btn:hover {
    opacity: 0.9 !important;
    transform: translateY(-1px);
}

.ss-announcement-btn:active {
    transform: translateY(0);
}

/* Ensure padding on body so notice bar doesn't cover content */
body.ss-announcement-active {
    padding-top: 50px; /* Default height, adjusted via JS */
}

@media (max-width: 768px) {
    body.ss-announcement-active {
        padding-top: 60px;
    }
}