/*
    PURPOSE: Additional styles needed for pagination.
*/

/*#region --------------Pagination---------------*/
.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--primary);
    --bs-pagination-bg: var(--white);
    /*Border*/
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    /*Hover*/
    --bs-pagination-hover-color: var(--bs-pagination-color);
    --bs-pagination-hover-bg: var(--primary-extra-light);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    /*Focus*/
    --bs-pagination-focus-color: var(--bs-pagination-color);
    --bs-pagination-focus-bg: var(--bs-pagination-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 calc(var(--focus-outline-width) * 2) var(--white);
    --bs-pagination-focus-outline-color: var(--dark);
    /*Active*/
    --bs-pagination-active-color: var(--white);
    --bs-pagination-active-bg: var(--primary);
    --bs-pagination-active-border-color: var(--primary);
    /*Disabled*/
    --bs-pagination-disabled-color: var(--primary-disabled);
    --bs-pagination-disabled-bg: var(--bs-pagination-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
}

a.page-link:focus-visible {
    z-index: 3;
    outline: var(--focus-outline-width) solid var(--bs-pagination-focus-outline-color) !important;
    outline-offset: var(--focus-outline-offset) !important;
    box-shadow: var(--bs-pagination-focus-box-shadow) !important;
}
/*#endregion*/