/**
 * Bringmal Wochenkarte CSS
 * 
 * Enthält Stile für die Wochenkarte auf der Startseite
 */

a.wwc-cta-button {
    max-width: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 2em;
}

/* Pulsierender Button für Mittagstisch */
.wwc-pulse-button {
    animation: wwc-pulse 2s infinite;
    box-shadow: 0 0 0 rgba(44, 62, 80, 0.4);
}

@keyframes wwc-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(44, 62, 80, 0.7);
        transform: scale(1);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(44, 62, 80, 0);
        transform: scale(1.05);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(44, 62, 80, 0);
        transform: scale(1);
    }
}

/* Hervorhebung des aktuellen Tages */
.wochenkarte-active-day {
    border: 2px solid #2c3e50;
    background-color: #f9f9f9;
    box-shadow: 0 0 10px rgba(44, 62, 80, 0.2);
}

.wochenkarte-active-day .wochenkarte-day-title {
    background-color: #2c3e50;
    color: white;
    padding: 10px 15px;
}

.wochenkarte-active-day .wochenkarte-day-title span {
    float: right;
    font-size: 0.8em;
    background-color: #e74c3c;
    padding: 3px 8px;
    border-radius: 4px;
    margin-top: -3px;
}



.wochenkarte-active-day .wochenkarte-day-title span a {
    color: white;
    text-decoration: none;
}

.wochenkarte-active-day .wochenkarte-day-title span a:hover {
    text-decoration: underline;
}