/* Custom overrides for the IcebathFilters.co.uk site - kept separate from
   Bootstrap Studio's generated styles.min.css so this survives if that
   file ever gets regenerated. This site's hero is logo-led (no stock
   photo), so the .vr-hero background-photo rules from the Vero site
   template aren't needed here. */

/* Simple photo placeholder card, used on pages that reference an image
   which isn't ready yet - keeps layout/spacing correct so a real photo
   can be dropped straight in later without any markup changes. */
.vr-image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4 / 5;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px dashed rgba(255, 255, 255, 0.2);
  color: var(--bs-secondary-color, #9aa4ad);
  text-align: center;
  padding: 2rem;
}