/* Fix para flechas SVG de paginación demasiado grandes */
/* Corregir elementos SVG con clases w-5 h-5 que están siendo renderizados muy grandes */

svg.w-5.h-5 {
    width: 1.25rem !important;
    height: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

/* Fix específico para flechas de paginación */
.pagination svg.w-5.h-5,
.pagination .page-link svg.w-5.h-5,
.pagination .page-item svg.w-5.h-5 {
    width: 1.25rem !important;
    height: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

/* Fix para DataTables pagination */
div.dataTables_wrapper div.dataTables_paginate ul.pagination svg.w-5.h-5 {
    width: 1.25rem !important;
    height: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

/* Fix para cualquier SVG dentro de elementos de paginación */
.pagination svg,
.pagination .page-link svg,
.pagination .page-item svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

/* Fix para elementos con aria-label que contengan "Previous" o "Next" */
[aria-label*="Previous"] svg,
[aria-label*="Next"] svg,
[aria-label*="«"] svg,
[aria-label*="»"] svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

/* Fix para elementos span que contengan SVG de paginación */
span[aria-disabled="true"] svg,
span[aria-label*="Previous"] svg,
span[aria-label*="Next"] svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

/* Override para cualquier SVG que pueda estar siendo afectado */
svg[fill="currentColor"] {
    width: 1.25rem !important;
    height: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

/* Fix específico para viewBox="0 0 20 20" */
svg[viewBox="0 0 20 20"] {
    width: 1.25rem !important;
    height: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

/* Asegurar que los contenedores de SVG también tengan el tamaño correcto */
.page-link svg,
.page-item svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

/* Fix adicional para cualquier elemento que contenga SVG de paginación */
* svg.w-5.h-5 {
    width: 1.25rem !important;
    height: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

/* Fix para elementos específicos de Laravel pagination */
.pagination .page-link svg,
.pagination .page-item .page-link svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

/* Override global para cualquier SVG que esté siendo afectado */
svg {
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}

/* Fix específico para el problema identificado */
span[aria-disabled="true"] svg.w-5.h-5[fill="currentColor"][viewBox="0 0 20 20"] {
    width: 1.25rem !important;
    height: 1.25rem !important;
    max-width: 1.25rem !important;
    max-height: 1.25rem !important;
}