/**
 * Member MO Manager - Frontend Styles
 */

/* Price display container */
.mmm-membership-option {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.mmm-membership-option:last-child {
    border-bottom: none;
}

/* Loading state */
.mmm-price-loading {
    color: #666;
    font-style: italic;
}

/* Price display */
.mmm-price-display {
    font-size: 1.4em;
    font-weight: bold;
    color: #2c3e50;
}

/* Unavailable message */
.mmm-price-display.mmm-unavailable {
    font-size: 1em;
    font-weight: normal;
    color: #999;
    font-style: italic;
}

/* Error message */
.mmm-price-error {
    color: #c0392b;
    font-style: italic;
}

/* Loading spinner animation */
@keyframes mmm-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.mmm-price-loading {
    animation: mmm-pulse 1.5s ease-in-out infinite;
}

/* Redirect notice */
.mmm-redirect-notice {
    background: #f0f8ff;
    border: 1px solid #0073aa;
    border-radius: 4px;
    padding: 20px;
    margin: 20px 0;
    text-align: center;
}

.mmm-redirect-notice p {
    margin: 10px 0;
}

.mmm-redirect-notice a {
    color: #0073aa;
    text-decoration: underline;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .mmm-price-display {
        font-size: 1.2em;
    }
    
    .mmm-membership-option {
        padding: 12px 0;
    }
}