/* =============================================================================
   Shared slider navigation — used by every prev/next arrow pair on the site
   (testimonials, services partners, about team, etc.).

   Markup lives in template-parts/shared/slider-nav.php.
   ============================================================================= */

.slider-nav {
    flex: 0 0 auto;
    display: flex;
    gap: 12px;
}

.slider-nav__btn {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-white);
    color: var(--color-ink);
    border: 1px solid var(--color-border-soft, rgba(0, 0, 0, 0.08));
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}

.slider-nav__btn svg {
    width: 22px;
    height: 22px;
}

/* Next button gets the sage accent so the affordance reads at a glance. */
.slider-nav__btn--next {
    background: var(--color-brand);
    color: var(--color-white);
    border-color: var(--color-brand);
}

.slider-nav__btn:hover,
.slider-nav__btn:focus-visible {
    background: var(--color-ink);
    color: var(--color-white);
    border-color: var(--color-ink);
    outline: none;
}

/* Swiper flips this class onto whichever end is unreachable. */
.slider-nav__btn.swiper-button-disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

@media (max-width: 760px) {
    .slider-nav__btn { width: 44px; height: 44px; }
    .slider-nav__btn svg { width: 18px; height: 18px; }
}