/* Plans Visual Adjustments */

/* Prevent "MAIS POPULAR" badge from breaking lines */
.plan-badge {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
    min-width: 140px !important;
    width: auto !important;
    padding: 0.5rem 1.5rem !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.2px !important;
    display: inline-block !important;
}

/* Modal specific adjustments */
.plan-modal-features h3 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.8rem !important;
}

/* Invisible separator for structural consistency */
.plan-separator {
    height: 1px !important;
    margin: 15px 0 !important;
    visibility: hidden !important;
}

/* Standardize plan note styling across all cards */
.plan-note {
    font-size: 12px !important;
    color: #666 !important;
    margin-top: 8px !important;
    text-align: center !important;
    font-weight: normal !important;
}

/* Align buttons and other text to the base of cards */
.plan-card {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
}

.plan-featured {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
}

.plans-container {
    display: flex !important;
    align-items: stretch !important;
}

.plan-features-summary {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.plan-footer-content {
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .plan-badge {
        font-size: 10px !important;
        padding: 4px 8px !important;
    }
    
    .plan-note {
        font-size: 10px !important;
    }
    
    .plan-separator {
        margin: 10px 0 !important;
    }
}