/* Ensure the business slideout is always above the backdrop and has a solid bg */
/*#businessDetailSlideout.offcanvas {
    z-index: 1055 !important;
    background-color: var(--bs-offcanvas-bg, var(--bs-body-bg)) !important;
}*/

/* Keep backdrop below offcanvas */
/*.offcanvas-backdrop {
    z-index: 1050 !important;
}*/

/* Make header/body solid too (prevents “transparent” look) */
/*#businessDetailSlideout .offcanvas-header,
#businessDetailSlideout .offcanvas-body {
    background-color: var(--bs-offcanvas-bg, var(--bs-body-bg)) !important;
}*/


/* -------------------------------
   PHOTO BASE
-------------------------------- */
.business-carousel,
.single-photo-wrapper {
    margin-bottom: 1rem;
}

    .business-carousel .carousel-item,
    .single-photo-wrapper {
        position: relative; /* anchor .photo-credit */
    }

.photo-credit {
    position: absolute;
    right: .5rem;
    bottom: .5rem;
    font-size: .65rem;
    color: #fff;
    background: rgba(0,0,0,.6);
    padding: .25rem .5rem;
    border-radius: .25rem;
}

/* Shared typography helpers */
.business-detail-grid dt {
    font-weight: 500;
}

.section-title {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--bs-secondary-color);
}