/* Rounded photos on faialcottage.com. Tune the two values below. */
:root {
  --photo-radius: 12px;    /* photos on the pages (home page collage, About page and similar) */
  --gallery-radius: 16px;  /* the two large gallery slideshows (same softness as the booking cards) */
}

/* A. Photo boxes that hold an <img>: every one EXCEPT the known badges, icons and logos
   (Airbnb Superhost badge, Booking.com rating badge, green leaf bright/dark, Visa cards).
   The folder /images/general/ also holds real photos, so we exclude by file name. */
.Mobile_imageComponent__QXWk1:has(img):not(:has(
    img[src*="/images/general/airbnbsuperhost"],
    img[src*="/images/general/bookingrating"],
    img[src*="/images/general/greenleafbright"],
    img[src*="/images/general/greenleafdark"],
    img[src*="/images/general/visacards"]
  )) {
  border-radius: var(--photo-radius) !important;
  overflow: hidden !important;
}

/* B. Photo boxes that show their picture as a background (for example the family photo on the About page),
   except the green leaf decoration. */
.Mobile_imageComponent__QXWk1[style*="background-image:url("]:not([style*="/images/general/greenleaf"]) {
  border-radius: var(--photo-radius) !important;
  overflow: hidden !important;
}

/* C. Gallery slideshows (fixed 1050 px wide).
   The full-width hero slideshow (width:100%) is left square on purpose. */
[data-kind="IMAGESLIDER"][style*="width:1050px"] [data-testid="swiper-carousel"] {
  border-radius: var(--gallery-radius);
  overflow: hidden;
}