/* Sponsor Logo Ticker - Fixed at Bottom */
.sponsor-ticker {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    border-top: 2px solid #e0e0e0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    overflow: hidden;
    height: 120px;
    display: flex;
    align-items: center;
}

.sponsor-ticker__track {
    display: flex;
    align-items: center;
    animation: scroll-left 90s linear infinite;
    will-change: transform;
}

.sponsor-ticker__track:hover {
    animation-play-state: paused;
}

.sponsor-ticker__item {
    flex-shrink: 0;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
}

.sponsor-ticker__logo {
    max-height: 90px;
    max-width: 225px;
    width: auto;
    height: auto;
    object-fit: contain;
    /* filter: grayscale(100%); */ /* REMOVED - showing full color */
    /* opacity: 0.33; */ /* REMOVED - showing full brightness */
    transition: all 0.3s ease;
}

/* Westenergie logo 2x bigger */
.sponsor-ticker__logo[alt=Westenergie] {
    max-height: 180px;
    max-width: 450px;
}

.sponsor-ticker__logo:hover, .sponsor-ticker__item a:hover .sponsor-ticker__logo {
    /* filter: grayscale(0%); */ /* No longer needed */
    /* opacity: 1; */ /* No longer needed - already full brightness */
    transform: scale(1.1);
}

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

/* Adjust page-footer to account for fixed ticker */
body {
    padding-bottom: 122px;
}

.page-footer {
    margin-bottom: 0;
    padding-bottom: 2px;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .sponsor-ticker {
        height: 90px;
    }
    
    .sponsor-ticker__item {
        padding: 0 20px;
        height: 90px;
    }
    
    .sponsor-ticker__logo {
        max-height: 67px;
        max-width: 180px;
    }
    
    /* Westenergie logo 2x bigger on mobile too */
    .sponsor-ticker__logo[alt=Westenergie] {
        max-height: 134px;
        max-width: 360px;
    }
    
    body {
        padding-bottom: 92px;
    }
}

/* Link styling for sponsor logos */
.sponsor-ticker__item a {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.sponsor-ticker__item a:hover .sponsor-ticker__logo {
    transform: scale(1.1);
}