/* Spezifisches CSS für das Login-Popup direkt hier oder in style.css */
.modal-overlay {
    display: <?= $isLoggedIn ? 'none' : 'flex' ?>;
    position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.85); backdrop-filter: blur(5px);
    align-items: center; justify-content: center;
}
.login-popup {
    background: #fff; padding: 30px; border-radius: 8px; width: 100%; max-width: 400px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5); color: #333;
}
.login-popup h2 { margin-top: 0; color: #2c3e50; }
.login-popup input { width: 100%; padding: 12px; margin: 10px 0; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
.login-popup button { width: 100%; padding: 12px; background: #3498db; border: none; color: white; border-radius: 4px; cursor: pointer; font-size: 16px; }
.error-msg { color: #e74c3c; font-size: 14px; margin-bottom: 10px; display: none; }

/* Blur-Effekt für den Inhalt, wenn nicht eingeloggt */
.content-blur { filter: <?= $isLoggedIn ? 'none' : 'blur(8px)' ?>; pointer-events: <?= $isLoggedIn ? 'auto' : 'none' ?>; }


/* Spezifischer Stil für die Hochzeitsseite */
.wedding-theme .login-popup {
    border: 3px solid #999900; /* Goldener Rahmen passend zu deinen Buttons */
}

.wedding-theme .login-popup h2 {
    font-family: Arial, Verdana, sans-serif !important;
    color: #999900; /* Goldene Schrift für die Überschrift */
}

.wedding-theme .login-popup p {
    font-family: Arial, Verdana, sans-serif !important;
}

.wedding-theme .login-popup button {
    background-color: #999900; /* Dein Button-Gold */
    font-family: Arial, Verdana, sans-serif;
}