/* A mesma fotografia licenciada é reaproveitada em composições diferentes.
   Arquivo local; crédito: Jen Ross, Silverstone 2024, CC BY 2.0. */
.photo-backgrounds .workspace {
  position: relative;
  isolation: isolate;
  background: #101411;
}

.photo-backgrounds .workspace::before {
  content: '';
  position: fixed;
  inset: 0 0 0 var(--sidebar-width);
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(180deg, rgb(9 15 11 / 78%) 0%, rgb(9 15 11 / 85%) 48%, rgb(9 15 11 / 96%) 100%),
    url('/assets/photos/hero-racing.jpg');
  background-position: center, 62% center;
  background-size: cover;
  background-repeat: no-repeat;
}

.photo-backgrounds .topbar {
  background: rgb(15 21 16 / 92%);
}

.photo-backgrounds .app-footer {
  background: rgb(15 21 16 / 94%);
}

.photo-backgrounds .next-event {
  background-image:
    linear-gradient(90deg, rgb(14 25 15 / 97%) 0%, rgb(14 25 15 / 78%) 43%, rgb(14 25 15 / 35%) 100%),
    url('/assets/photos/hero-racing.jpg');
  background-size: cover;
  background-position: center, 66% center;
  border-color: #526846;
}

.photo-backgrounds .next-event-title h2 {
  text-shadow: 0 2px 18px rgb(0 0 0 / 28%);
}

.photo-backgrounds .next-event .event-round {
  color: rgb(227 245 205 / 13%);
}

.photo-backgrounds .next-event .event-bottom {
  background: rgb(12 23 13 / 84%);
}

.photo-backgrounds .next-event-title p {
  color: #c0ceb8;
}

.photo-backgrounds .next-event .stat > span {
  color: #b8c7ae;
}

.photo-backgrounds .weekend-header {
  background-image:
    linear-gradient(90deg, rgb(15 26 18 / 98%) 0%, rgb(15 26 18 / 80%) 48%, rgb(15 26 18 / 59%) 100%),
    url('/assets/photos/hero-racing.jpg');
  background-size: cover;
  background-position: center, 65% 64%;
  border: 1px solid #3e5038;
  border-radius: var(--radius);
  padding: 28px;
}

.photo-backgrounds .race-status-strip {
  background-image:
    linear-gradient(90deg, rgb(17 26 19 / 97%), rgb(17 26 19 / 88%)),
    url('/assets/photos/hero-racing.jpg');
  background-size: cover;
  background-position: center, center 65%;
}

/* Conteúdo denso mantém superfícies opacas para preservar leitura e contraste. */
.photo-backgrounds .timing-panel,
.photo-backgrounds .strategy-panel,
.photo-backgrounds .panel,
.photo-backgrounds .season-pulse,
.photo-backgrounds .paddock-feed,
.photo-backgrounds .pilot-overview {
  background-color: #181d19;
}

@media (max-width: 760px) {
  .photo-backgrounds .workspace::before {
    left: 0;
    background-position: center, 68% top;
  }

  .photo-backgrounds .weekend-header {
    padding: 23px;
    background-position: center, 59% center;
  }
}

@media (forced-colors: active) {
  .photo-backgrounds .workspace::before {
    display: none;
  }

  .photo-backgrounds .next-event,
  .photo-backgrounds .weekend-header,
  .photo-backgrounds .race-status-strip {
    background-image: none;
  }
}