/*──────────────────────────────────────────────────────────────────────
  Hover modal fix — hide modal until hover, prevent bleed-through
──────────────────────────────────────────────────────────────────────*/

/* Ensure the card-modal is truly invisible when not active 
.card-modal {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.card-modal.active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}*/

/* Contain the thumbnail so the modal image doesn't bleed through 
.card-thumbnail {
    overflow: hidden;
}
.card-thumbnail img {
    border-radius: 4px;
}*/

/* Scope carousel overflow:visible to content rows only,
   so it doesn't affect the hero carousel 
#heroCarousel .carousel-inner { overflow: hidden; }
#heroCarousel .carousel-item { overflow: hidden; }*/