/* Additional styles for placeholder images */
.placeholder-image {
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: 1.2rem;
  border-radius: 10px;
  text-align: center;
  padding: 20px;
}

.placeholder-image::before {
  content: "Image placeholder";
  font-style: italic;
}

/* Hero image placeholder */
.hero {
  background: linear-gradient(rgba(44, 62, 80, 0.9), rgba(44, 62, 80, 0.9));
  background-size: cover;
  background-position: center;
}

/* Favicon placeholder */
.favicon-placeholder {
  width: 32px;
  height: 32px;
  background-color: var(--secondary-color);
  border-radius: 4px;
  display: inline-block;
}