/**
 * Adventkalender - Styling for locked doors
 * 
 * HINWEIS: Der Grayscale-Wert wird dynamisch per JavaScript gesetzt,
 * aber hier ist ein Fallback-Wert definiert.
 */

/* Locked flipbox styling */
.advent-locked {
    filter: grayscale(60%); /* Fallback - wird von JavaScript überschrieben */
    transition: all 0.3s ease;
}

/* Lock overlay styling */
.lock-overlay {
    animation: lockPulse 2s ease-in-out infinite;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

@keyframes lockPulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.8;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 1;
    }
}

/* Hover effect for locked doors */
.advent-locked:hover {
    filter: grayscale(40%);
}


/* Unlocked doors - subtle glow effect */
.exad-link-anything-wrapper:not(.advent-locked) {
    transition: all 0.3s ease;
}

.exad-link-anything-wrapper:not(.advent-locked):hover {
    filter: brightness(1.1);
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .lock-overlay {
        font-size: 2em !important;
    }
}