/* Estilos responsive para paginación de Laravel */

/* Ocultar info en mobile */
@media (max-width: 640px) {
    /* Ocultar el texto "Showing X to Y of Z results" */
    nav[role="navigation"] p {
        display: none !important;
    }

    /* Mostrar solo Previous/Next en mobile */
    nav[role="navigation"] .sm\:flex-1 {
        display: none !important;
    }

    nav[role="navigation"] .flex.justify-between {
        width: 100% !important;
        display: flex !important;
        gap: 0.5rem;
    }

    /* Hacer botones más grandes y legibles */
    nav[role="navigation"] .flex.justify-between > * {
        flex: 1;
        display: flex !important;
        justify-content: center;
        align-items: center;
        padding: 0.625rem 1rem !important;
        font-size: 0.875rem !important;
    }
}

/* Desktop: ocultar mobile navigation */
@media (min-width: 641px) {
    nav[role="navigation"] .sm\:hidden {
        display: none !important;
    }
}