/**
 * Pagination Arrow Size Fix
 * Fixes oversized left/right arrows in Laravel pagination
 */

/* Fix pagination arrow sizes */
.pagination .page-link {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    padding: 0.375rem 0.75rem !important;
}

/* Show Previous/Next text along with arrows */
.pagination .page-item:first-child .page-link::before,
.pagination .page-item:last-child .page-link::after {
    font-size: 0.9rem;
}

/* Ensure text is visible */
.pagination .page-link span {
    display: inline !important;
    font-size: 0.9rem !important;
}

/* Specifically target the arrow symbols */
.pagination .page-link svg,
.pagination .page-link i {
    font-size: 1rem !important;
    width: auto !important;
    height: auto !important;
}

/* Fix for Laravel default arrows (‹ and ›) */
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    font-size: 1.2rem !important;
}

/* Ensure consistent sizing */
.pagination .page-item .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
}

/* Fix for touch devices */
@media (max-width: 768px) {
    .pagination .page-link {
        font-size: 0.9rem !important;
        padding: 0.25rem 0.5rem !important;
        min-width: 35px;
        min-height: 35px;
    }
    
    .pagination .page-item:first-child .page-link,
    .pagination .page-item:last-child .page-link {
        font-size: 1rem !important;
    }
}

/* Better spacing */
.pagination {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.pagination .page-item {
    margin: 0 2px;
}

/* Active page styling */
.pagination .page-item.active .page-link {
    background-color: #0066ff;
    border-color: #0066ff;
}

/* Hover effect */
.pagination .page-item:not(.disabled):not(.active) .page-link:hover {
    background-color: #f8f9fa;
    border-color: #dee2e6;
    color: #0066ff;
}

/* Disabled state */
.pagination .page-item.disabled .page-link {
    opacity: 0.5;
    cursor: not-allowed;
}
