/* ============================================================
   Mongwewarona Visuals — fixes.css
   Service tile images + video fallback backgrounds
   ============================================================ */

.service-highlights__item { text-decoration: none; cursor: pointer; }

.service-card--social::before {
  background-image: url('./Social Media Management New.jpg');
  background-position: center center;
}

.service-card--content::before {
  background-image: url('./Content creation New.jpg');
  background-position: center top;
}

.service-card--video::before {
  background-image: url('./Video Editing New.jpg');
  background-position: center top;
}

.service-card--web::before {
  background-image: url('./Web Development New.jpg');
  background-position: center center;
}

/* Picture + label now travel together as one card */
.service-highlights__card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  color: inherit;
}

.service-highlights__card:hover .service-highlights__item {
  transform: translateY(-8px);
  border-color: var(--color-primary);
}

/* Video section fallback backgrounds */
.hero-intro__video-wrapper--fallback,
.video-spotlight__wrapper--fallback {
  background: linear-gradient(135deg, #330000 0%, #4a0e0e 45%, #013444 100%);
}

.hero-intro__video-wrapper--fallback .hero-intro__video,
.video-spotlight__wrapper--fallback .video-spotlight__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}