/**
 * MCF — Awards slider (ADJ-72). Shell only: the slides ARE Louise's award rows.
 *
 * ⚠️ The cell width is the slider's input (mcf-carousel.js divides the viewport
 * by cell + gap to learn how many are visible): one award per view = 100%, gap 0.
 */
.mcf-awards-car {
    position: relative;
    width: 100%;
    /* Breathing room under the dots before the next section starts. */
    margin-bottom: 12px;
}
.mcf-awards-car .mcf-carousel-viewport { overflow: hidden; }
.mcf-awards-car .mcf-carousel-track {
    display: flex;
    gap: 0;
    align-items: stretch;
    transition: transform .45s ease;
}
.mcf-awards-car .mcf-carousel-item {
    flex: 0 0 100%;
    min-width: 0;
    display: flex;
}
/* A row inside a slide fills it; the between-award gap (mcf-public.css) is a
 * stacked-layout concern and would open a hole above slides 2–4 here. */
.mcf-awards-car .mcf-carousel-item > .vc_row {
    width: 100%;
    margin-top: 0;
    height: 100%;
}

/* Arrows: over the band, vertically centred, white discs with the brand navy
 * chevron — the same disc the Services slider uses, placed at the edges so the
 * award's own layout is untouched. */
.mcf-awards-car .mcf-carousel-prev,
.mcf-awards-car .mcf-carousel-next {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    padding: 0;
    border-radius: 50%;
    border: 1.5px solid rgba(0, 46, 98, .18);
    background: rgba(255, 255, 255, .92);
    color: #002e62;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
    transition: background .2s, color .2s, transform .2s;
}
.mcf-awards-car .mcf-carousel-prev { left: 18px; }
.mcf-awards-car .mcf-carousel-next { right: 18px; }
.mcf-awards-car .mcf-carousel-prev:hover,
.mcf-awards-car .mcf-carousel-next:hover,
.mcf-awards-car .mcf-carousel-prev:focus-visible,
.mcf-awards-car .mcf-carousel-next:focus-visible {
    background: #002e62;
    color: #fff;
    transform: scale(1.06);
}
/* The controls container only positions the dots; the arrows are absolute. The
 * carousel hides this whole container when everything fits (single award). */
.mcf-awards-car .mcf-carousel-controls {
    display: flex;
    justify-content: center;
    padding: 16px 0 0;
}
.mcf-awards-car .mcf-carousel-dots { display: flex; gap: 10px; }
.mcf-awards-car .mcf-carousel-dot {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #d7dde7;
    cursor: pointer;
    transition: background .2s;
}
.mcf-awards-car .mcf-carousel-dot.is-active { background: #002e62; }

@media (max-width: 600px) {
    .mcf-awards-car .mcf-carousel-prev,
    .mcf-awards-car .mcf-carousel-next { width: 38px; height: 38px; margin-top: -19px; font-size: 22px; }
    .mcf-awards-car .mcf-carousel-prev { left: 8px; }
    .mcf-awards-car .mcf-carousel-next { right: 8px; }
}