/* Base wrapper and arrow styles for the carousel */
.wpcb-carousel-wrapper {
    position: relative;
    width: 100%;
}

/* Ensure glider container displays properly and override Query Loop grid */
.wpcb-carousel-wrapper .glider,
.glider {
    display: block !important;
    position: relative;
    overflow: hidden;
    grid-template-columns: none !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
}
.wpcb-carousel-wrapper .glider-track {
    display: flex !important;
    flex-wrap: nowrap;
}

/* Glider's slide children default: let them size naturally */
.glider > * {
    box-sizing: border-box;
    padding: 0.5rem;
}

/* Arrow styles */
.wpcb-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.35);
    color: #fff;
    border: none;
    padding: 0.5rem 0.9rem;
    cursor: pointer;
    z-index: 25;
    border-radius: 6px;
    font-size: 18px;
    line-height: 1;
}
.wpcb-prev { left: 0.5rem; }
.wpcb-next { right: 0.5rem; }

/* Compatibility for the arrow classes used by script */
.wpcb-prev, .wpcb-next { display: none; } /* fallback hidden if not used */
.wpcb-arrow.wpcb-prev { left: 0.6rem; display: inline-flex; }
.wpcb-arrow.wpcb-next { right: 0.6rem; display: inline-flex; }

/* Small responsive tweaks */
@media (max-width: 600px) {
    .wpcb-arrow { padding: 0.3rem 0.6rem; font-size: 16px; }
    .glider > * { min-width: 70%; } /* make slides larger on small viewports */
}