/* Paginare */
.pagination {
   margin-top: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
}

.pagination li:not(.active) a {
   display: block;
   padding: 5px 12px;
   border-radius: 8px;
   background: var(--color-accent-10-light);
   color: var(--color-text-light);
   font-weight: 600;
   font-size: 13px;
   text-decoration: none;
   transition: background 0.15s, color 0.15s;
   cursor: pointer;
}

html.dark .pagination li:not(.active) a {
   background: var(--color-accent-10-dark);
   color: var(--color-text-dark);
}

.pagination .active a {
   display: block;
   padding: 5px 12px;
   border-radius: 8px;
   background: var(--color-accent-light);
   color: var(--color-accent-dark);
   font-weight: 700;
   font-size: 13px;
   text-decoration: none;
   pointer-events: none;
}

html.dark .pagination .active a {
   background: var(--color-accent-dark);
   color: var(--color-accent-light);
}

.pagination li:not(.active) a:hover {
   background: var(--color-hover-light);
   color: var(--color-text-light);
}

html.dark .pagination li:not(.active) a:hover {
   background: var(--color-hover-dark);
   color: var(--color-text-dark);
}