/* Legacy carousel engine — reproduces the previous live afriasia.info look:
   plain navy title rendered below each slide (not overlaid), indicators a
   little higher off the bottom, no fixed-aspect crop on the image.
   Scoped under .legacy-carousel so the site-wide .site-carousel rules in
   site.css don't apply (those make captions a translucent pill and force a
   360px object-fit:cover crop — both wrong for this engine). */

.legacy-carousel .carousel-item img {
    width: 100%;
    min-height: 200px;
    margin: auto;
    display: block;
}

.legacy-carousel .legacy-caption {
    /* Block flow, below the slide — matches the original site exactly. */
    text-align: left;
    padding: .5rem .25rem 0;
}
.legacy-carousel .legacy-caption h5 {
    color: #1B1464;   /* original site navy */
    font-weight: 700;
    margin: 0;
}

/* Original raised indicators (BS3 used `bottom: 30px;`). */
.legacy-carousel .carousel-indicators { margin-bottom: 30px; }