/**
 * Placeholder styles for demo images
 * These provide Mint Tiffany Blue gradient fallbacks when images fail to load
 * Actual salon color confirmed: RGB(159,209,201) = #9FD1C9
 */

/* Hero background placeholder */
.hero__bg-img:not([src]),
.hero__bg-img[src="images/hero-bg.jpg"] {
  background: linear-gradient(135deg, #D8EFED 0%, #EEF8F7 40%, #D8EFED 100%);
  min-height: 600px;
}

/* Service card placeholders */
.service-card__img:not([src]),
.service-card__img[src^="images/service"] {
  background: linear-gradient(135deg, #D8EFED 0%, #9FD1C9 100%);
  min-height: 260px;
}

/* Gallery placeholders */
.gallery-item__img:not([src]),
.gallery-item__img[src^="images/gallery"],
.gallery-page-item img:not([src]),
.gallery-page-item img[src^="images/gallery"] {
  background: linear-gradient(135deg, #D8EFED 0%, #6BADA5 100%);
  min-height: 200px;
}

/* Staff placeholders */
.staff-card__img:not([src]),
.staff-card__img[src^="images/staff"] {
  background: linear-gradient(135deg, #EEF8F7 0%, #D8EFED 100%);
  min-height: 300px;
}

/* Blog placeholders */
.blog-card__img:not([src]),
.blog-card__img[src^="images/blog"] {
  background: linear-gradient(135deg, #D8EFED 0%, #EEF8F7 100%);
  min-height: 180px;
}

/* About/Interior placeholders */
img[src^="images/about"],
img[src^="images/interior"],
img[src^="images/owner"],
img[src^="images/access"] {
  background: linear-gradient(135deg, #EEF8F7 0%, #D8EFED 100%);
  min-height: 200px;
}