diff --git a/wp-content/themes/apus-theme/assets/css/pagination.css b/wp-content/themes/apus-theme/assets/css/pagination.css index 9c3ec00b..53217989 100644 --- a/wp-content/themes/apus-theme/assets/css/pagination.css +++ b/wp-content/themes/apus-theme/assets/css/pagination.css @@ -34,36 +34,36 @@ } .page-link:hover { - color: #0d6efd; - background-color: #f8f9fa; - border-color: #0d6efd; + color: var(--color-orange-primary); + background-color: rgba(255, 133, 0, 0.1); + border-color: var(--color-orange-primary); transform: translateY(-2px); - box-shadow: 0 4px 8px rgba(13, 110, 253, 0.15); + box-shadow: 0 4px 8px rgba(255, 133, 0, 0.15); z-index: 2; } .page-link:focus { - color: #0d6efd; + color: var(--color-orange-primary); background-color: #e9ecef; - border-color: #0d6efd; + border-color: var(--color-orange-primary); outline: 0; - box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + box-shadow: 0 0 0 0.25rem rgba(255, 133, 0, 0.25); } /* Active page */ .page-item.active .page-link { color: #ffffff; - background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%); - border-color: #0d6efd; + background: var(--color-orange-primary); + border-color: var(--color-orange-primary); font-weight: 600; - box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3); + box-shadow: 0 4px 12px rgba(255, 133, 0, 0.3); z-index: 3; } .page-item.active .page-link:hover { - background: linear-gradient(135deg, #0a58ca 0%, #084298 100%); + background: var(--color-orange-light); transform: translateY(-2px); - box-shadow: 0 6px 16px rgba(13, 110, 253, 0.4); + box-shadow: 0 6px 16px rgba(255, 133, 0, 0.4); } /* Disabled state */ @@ -182,11 +182,11 @@ .page-link:hover { color: #ffffff; background-color: #343a40; - border-color: #0d6efd; + border-color: var(--color-orange-primary); } .page-item.active .page-link { - background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%); + background: var(--color-orange-primary); } .page-item.disabled .page-link {