/**
 * Final override styles to guarantee proper display
 * These styles take precedence over all others
 */

@media (max-width: 768px) {
    /* Core functionality */
    .pricing-carousel {
        position: relative !important;
        width: 100% !important;
        overflow: hidden !important;
    }
    
    /* Active card should be fully visible */
    .pricing-card.active {
        display: block !important;
        width: 100% !important;
        position: relative !important;
        left: 0 !important;
        transform: none !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    
    /* Non-active cards should be fully hidden */
    .pricing-card:not(.active) {
        display: none !important;
    }
    
    /* Navigation styling */
    .pricing-carousel-arrow {
        z-index: 9999 !important;
    }
    
    /* Better spacing for button and text */
    .pricing-card h2 {
        margin-top: 0 !important;
        text-align: center !important;
    }
    
    .pricing-card .price-range {
        text-align: center !important;
        margin: 15px 0 !important;
    }
    
    /* Badge position */
    .pricing-badge {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        background-color: var(--primary-color, #6b4e2f) !important;
        color: white !important;
        padding: 5px 10px !important;
        border-radius: 3px !important;
        font-size: 0.8rem !important;
        z-index: 5 !important;
    }
}