/*
 * Blog & Pagination Styling
 * -------------------------------------------------- */
.pagination-container ul {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem; /* 8px */
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination-container .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem; /* 8px */
    border: 1px solid #e5e7eb; /* border-gray-200 */
    padding: 0.5rem 1rem; /* 8px 16px */
    font-weight: 600;
    color: #003366; /* brand-dark-blue */
    transition: all 0.2s ease-in-out;
}

.pagination-container .page-numbers:hover {
    background-color: #f3f4f6; /* bg-gray-100 */
    border-color: #d1d5db; /* border-gray-300 */
}

.pagination-container .page-numbers.current {
    background-color: #003366; /* brand-dark-blue */
    color: #ffffff; /* white */
    border-color: #003366;
}

.pagination-container .page-numbers.dots {
    border: none;
}

.pagination-container .prev,
.pagination-container .next {
    font-weight: 700;
}
/* Hides the default scrollbar on the slider viewport */
#slider-viewport {
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none;  /* For Internet Explorer and Edge */
}

#slider-viewport::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and Opera */
}

/* Style for disabled slider buttons */
#slide-left-btn:disabled,
#slide-right-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}