/* ============================================================
   Agrovaru Brands Carousel — noolte navigatsioon
   ============================================================ */

.abc-section {
    position: relative;
    padding: 40px 0;
    display: flex;
    align-items: center;
    gap: 0;
}

.abc-inner {
    flex: 1;
    overflow: hidden;
    position: relative;
}

/* Edge fade */
.abc-inner::before,
.abc-inner::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    z-index: 2;
    pointer-events: none;
}
.abc-inner::before {
    left: 0;
    background: linear-gradient(to right, var(--abc-bg, #ffffff) 0%, transparent 100%);
}
.abc-inner::after {
    right: 0;
    background: linear-gradient(to left, var(--abc-bg, #ffffff) 0%, transparent 100%);
}

/* Scrolling track */
.abc-track-wrapper {
    overflow: hidden;
}

.abc-track {
    display: flex;
    align-items: center;
    gap: 0;
    transition: transform 0.4s cubic-bezier(.4,0,.2,1);
    will-change: transform;
}

/* Individual logo item */
.abc-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 48px;
    flex-shrink: 0;
}

.abc-item img {
    display: block;
    height: 52px;
    width: auto;
    max-width: 160px;
    object-fit: contain;
    filter: brightness(0) opacity(0.65);
    transition: filter 0.35s ease, transform 0.35s ease;
}

.abc-item a:hover img,
.abc-item img:hover {
    filter: brightness(1) opacity(1) grayscale(0);
    transform: scale(1.06);
}

.abc-item a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

/* Noolenupud */
.abc-arrow {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1.5px solid #e0e0e0;
    background: #fff;
    color: #1a1a1a;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color .2s, background .2s, color .2s;
    z-index: 3;
    padding: 0;
}
.abc-arrow:hover {
    border-color: #F4B800;
    background: #F4B800;
    color: #1a1a1a;
}
.abc-arrow:disabled {
    opacity: .3;
    cursor: default;
    pointer-events: none;
}
.abc-arrow--prev { margin-right: 12px; }
.abc-arrow--next { margin-left: 12px; }

/* White logo inversion */
.abc-item.abc-invert img {
    filter: brightness(0) invert(0) opacity(0.65);
}
.abc-item.abc-invert a:hover img,
.abc-item.abc-invert img:hover {
    filter: brightness(0) invert(0) opacity(1);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .abc-track { transition: none; }
}

@media (max-width: 600px) {
    .abc-arrow { width: 36px; height: 36px; font-size: 20px; }
    .abc-arrow--prev { margin-right: 6px; }
    .abc-arrow--next { margin-left: 6px; }
    .abc-item { padding: 0 24px; }
}