/*
 * Robbie Rose Gallery - Holiday Scrolling Banner
 * Styles for the continuously scrolling text banner.
 */

.holiday-banner-section {
    width: 100%;
    overflow: hidden;
    padding: 0.25rem 0; /* Minimal padding */
    background-color: transparent;
    white-space: nowrap;
    position: relative;
}

.holiday-banner-track {
    display: inline-block;
    animation: scroll-left-to-right 60s linear infinite;
}

.holiday-banner-content {
    display: flex;
    align-items: center;
}

.holiday-banner-content span {
    font-family: var(--primary-font);
    font-size: clamp(1rem, 2.5vw, 2rem); /* Responsive font size between 1rem and 2rem */
    font-weight: var(--weight-light);
    color: rgba(250, 250, 250, 0.9); /* Soft, almost-white color */
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Illuminating glow effect */
    letter-spacing: 0.05em;
    text-transform: lowercase;
}

@keyframes scroll-left-to-right {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0%); }
}