/* Page entrypoint: offre */
@import url("./common.css");

.offre-featured {
  background: linear-gradient(165deg, #fff5f5 0%, #f8fafc 50%, #fef2f2 100%) !important;
  border: 1px solid rgba(234, 12, 34, 0.2) !important;
  box-shadow: 0 20px 50px -15px rgba(234, 12, 34, 0.35) !important;
  transform: scale(1.03);
  z-index: 1;
}

@media (max-width: 1023px) {
  .offre-featured {
    transform: none;
  }
}

.service-item.offre-featured:hover {
  transform: translateY(-0.5rem) scale(1.03);
}

@media (max-width: 1023px) {
  .service-item.offre-featured:hover {
    transform: translateY(-0.5rem);
  }
}

.offre-job-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.offre-job-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px -12px rgba(15, 23, 42, 0.12);
}

.offre-job-card__media {
  aspect-ratio: 16 / 9;
  max-height: 220px;
  overflow: hidden;
  background: linear-gradient(145deg, #f1f5f9 0%, #e2e8f0 100%);
}

.offre-job-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}