/* Shared RTL pagination for Laravel, Livewire and DataTables. */
.omid-pagination {
    --omid-page-accent: var(--ux-primary, var(--bs-primary, #009ef7));
    --omid-page-soft: var(--bs-primary-light, #f1faff);
    display: flex;
    direction: rtl;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    width: 100%;
    padding: 1rem 1.25rem;
    border: 1px solid var(--ux-border, #e4e9f1);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 8px 24px rgba(24, 28, 50, .045);
    text-align: right;
}
.omid-pagination__summary {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
    color: var(--ux-text, #3f4254);
    font-size: .9rem;
    font-weight: 600;
    white-space: nowrap;
}
.omid-pagination__summary-label {
    color: var(--omid-page-accent);
    font-weight: 800;
}
.omid-pagination__range { font-weight: 800; }
.omid-pagination .omid-pagination__pages {
    display: flex;
    direction: rtl;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.omid-pagination .page-item { margin: 0; }
.omid-pagination .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-width: 2.55rem;
    height: 2.55rem;
    padding: 0 .7rem;
    border: 1px solid var(--ux-border, #e4e9f1);
    border-radius: .7rem !important;
    background: #fff;
    color: var(--ux-text, #3f4254);
    font: inherit;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
    transition: color .16s, background-color .16s, border-color .16s, transform .16s, box-shadow .16s;
}
.omid-pagination .page-link:hover,
.omid-pagination .page-link:focus-visible {
    color: var(--omid-page-accent);
    border-color: var(--omid-page-accent);
    background: var(--omid-page-soft);
    transform: translateY(-1px);
}
.omid-pagination .page-link:focus-visible { outline: 2px solid var(--omid-page-accent); outline-offset: 2px; }
.omid-pagination .page-item.active .page-link {
    border-color: var(--omid-page-accent);
    background: var(--omid-page-accent);
    color: #fff;
    box-shadow: 0 4px 12px rgba(var(--bs-primary-rgb, 0, 158, 247), .23);
}
.omid-pagination .page-item.disabled .page-link {
    color: #a1a5b7;
    background: #f7f8fa;
    border-color: #e9edf2;
    cursor: default;
    transform: none;
}
.omid-pagination .omid-pagination__direction { min-width: 5rem; }
.omid-pagination .omid-pagination__ellipsis .page-link { border-color: transparent; background: transparent; }
@media (max-width: 767.98px) {
    .omid-pagination { justify-content: center; padding: .9rem; }
    .omid-pagination__summary { width: 100%; justify-content: center; text-align: center; }
    .omid-pagination .omid-pagination__pages { justify-content: center; }
}
@media (max-width: 420px) {
    .omid-pagination .page-link { min-width: 2.25rem; height: 2.25rem; padding: 0 .55rem; }
    .omid-pagination .omid-pagination__direction { min-width: 3.8rem; }
}

/* DataTables generates its own pager; use the same spacing and states. */
.dataTables_wrapper .dataTables_paginate {
    direction: rtl;
    float: none;
    text-align: right;
    padding-top: .75rem;
}
.dataTables_wrapper .dataTables_paginate .pagination {
    direction: rtl;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .35rem;
    margin: 0;
}
.dataTables_wrapper .dataTables_paginate .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.55rem;
    min-height: 2.55rem;
    margin: 0 .15rem;
    padding: .4rem .75rem;
    border: 1px solid var(--ux-border, #e4e9f1) !important;
    border-radius: .7rem !important;
    background: #fff !important;
    color: var(--ux-text, #3f4254) !important;
    font-weight: 700;
    text-decoration: none;
}
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border-color: var(--ux-primary, var(--bs-primary, #009ef7)) !important;
    background: var(--ux-primary, var(--bs-primary, #009ef7)) !important;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .page-item:not(.active):not(.disabled) .page-link:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):not(.disabled):hover {
    border-color: var(--ux-primary, var(--bs-primary, #009ef7)) !important;
    background: var(--bs-primary-light, #f1faff) !important;
    color: var(--ux-primary, var(--bs-primary, #009ef7)) !important;
}
.dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #a1a5b7 !important;
    background: #f7f8fa !important;
    cursor: default;
}
.dataTables_wrapper .dataTables_info { direction: rtl; text-align: right; }