.ajax-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-5) 0;
}

    .ajax-loader .spinner {
        width: 50px;
        height: 50px;
        border: 5px solid var(--c-white);
        border-top: 5px solid var(--c-blue);
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Disabled navigation buttons on detail pages */
.detail-nav .btn-prev.disabled,
.detail-nav .btn-next.disabled {
    background-color: #cccccc;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}

.detail-nav .btn-prev.disabled {
    background: #cccccc url(../img/arrow-white.webp) no-repeat center;
    background-size: 14px auto;
    transform: rotate(90deg);
}

.detail-nav .btn-next.disabled {
    background: #cccccc url(../img/arrow-white.webp) no-repeat center;
    background-size: 14px auto;
    transform: rotate(-90deg);
}