/**
 * Mobile Tabs Width Fix
 * Increases tab button width on mobile devices only
 */

/* Mobile-specific tab width increase */
@media (max-width: 768px) {
    /* Increase width for all tab buttons on mobile */
    .tab-button {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        padding: 1.25rem 1.5rem !important;
        font-size: 1.1rem !important;
        font-weight: 600 !important;
    }
    
    /* Ensure tabs container takes full width */
    .tabs-container {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Ensure tabs wrapper takes full width */
    .tabs-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0.75rem !important;
    }
}

/* Very small screens - even larger touch targets */
@media (max-width: 480px) {
    .tab-button {
        padding: 1.5rem 2rem !important;
        font-size: 1.2rem !important;
        min-height: 60px !important;
    }
}