/* Base styles and container */
.bg-black {
    background-color: var(--bs-black) !important;
}

/* Container max-width */
.container {
    max-width: 960px !important;
}

body {
    padding-top: 57px;
}

/* Hide scrollbar */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Nav link styling */
.nav-link {
    flex-basis: 20%;
    text-align: center;
}

/* Minimalistic pagination styles */
.pagination-btn {
    transition: all 0.15s ease-in-out;
}

.pagination-btn:hover:not(:disabled) {
    background-color: rgba(0, 0, 0, 0.05) !important;
    transform: translateY(-1px);
}

.pagination-btn:active:not(:disabled) {
    transform: translateY(0);
}

.pagination-btn.btn-dark:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Remove Bootstrap's default focus styles for cleaner look */
.pagination-btn:focus {
    box-shadow: none !important;
    outline: none !important;
}

/* Subtle focus indicator */
.pagination-btn:focus-visible {
    outline: 2px solid rgba(0, 123, 255, 0.25);
    outline-offset: 2px;
}

/* search bar */

 .search-container {
     min-width: 40px;
 }

.search-form {
    transition: all 0.3s ease;
    z-index: 1000;
    min-width: 250px;
}

.search-form input {
    border-radius: 20px;
    padding: 8px 15px;
}

.search-toggle {
    transition: all 0.3s ease;
}