/* Frontend Styles für Menu Password Protection */

/* Geschützte Menü-Items kennzeichnen */
.mpp-protected-item > a {
    position: relative;
}

.mpp-protected-item > a::after {
    content: "🔒";
    margin-left: 5px;
    font-size: 0.8em;
}

.mpp-protected-item > a {
    cursor: pointer;
    opacity: 0.7;
}

.mpp-protected-item > a:hover {
    opacity: 1;
}

/* Modal Styles */
.mpp-modal-content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.mpp-modal-content h2 {
    color: #333;
    font-size: 24px;
    margin-bottom: 20px;
}

.mpp-modal-content label {
    color: #555;
    font-weight: 600;
}

.mpp-modal-content .button {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
}

.mpp-modal-content .button-primary {
    background: #0073aa;
    border-color: #0073aa;
    color: #fff;
}

.mpp-modal-content .button-primary:hover {
    background: #005177;
    border-color: #005177;
}

.mpp-modal-content .widefat {
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 4px;
}

#mpp-message p {
    margin: 0;
    padding: 10px;
    border-radius: 4px;
}

#mpp-message p[style*="color:green"] {
    background: #d4edda;
    color: #155724;
}

#mpp-message p[style*="color:red"] {
    background: #f8d7da;
    color: #721c24;
}