/* Home dashboard: restore the supplied frame on the two outer dashboard panels. */
html body.rfv-page-home .rfv-dashboard-row--bottom > .rfv-live-details,
html body.rfv-page-home .rfv-dashboard-row--bottom > .rfv-war-slot {
  background-color: transparent !important;
  background-image: url('../images/rf-assets/panels/supplied/register-form-frame.png') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  padding: 50px 50px 80px !important;
}

/* Keep the live-data surfaces inside the artwork clean and readable. */
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-server-widget,
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-war-widget {
  background-image: none !important;
  /* border: 1px solid #f7b7d8 !important; */
  /* border-radius: 8px !important; */
  box-shadow: none !important;
  filter: none !important;
  padding: 50px 50px 80px !important;
}

html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-server-slot,
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-server-widget__head,
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-service,
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-metric,
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-race-online,
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-chipwar,
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-war-widget__head,
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-war-widget__body,
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-war-results > div {
  background-image: none !important;
  box-shadow: none !important;
}

html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-server-widget__head,
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-service,
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-metric,
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-race-online,
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-chipwar,
html body.rfv-page-home .rfv-dashboard-row--bottom .rfv-war-results > div {
  background-color: #fffafd !important;
  border: 1px solid #f7c2dc !important;
}

/* Home news and community: use the supplied wide frame instead of pink lines. */
html body.rfv-page-home .rfv-home-grid > .rfv-news,
html body.rfv-page-home .rfv-home-grid > .rfv-community {
  background-color: transparent !important;
  background-image: url('../images/rf-assets/panels/supplied/panel-wide-b.png') !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  border: 0 !important;
  border-image: none !important;
  box-shadow: none !important;
}

html body.rfv-page-home .rfv-live-details summary {
  margin: 0 0 16px !important;
  padding: 50px 3px 10px !important;
}

/* Home Hero: place the Unleash Your Power artwork at the 80% horizontal mark. */
@media (min-width: 1001px) {
  html body.rfv-page-home .rfv-home-hero .rfv-hero-ribbon {
    left: 80% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }
}

/* Keep the three Hero actions inside the Hero instead of letting the last one clip. */
@media (min-width: 768px) {
  html body.rfv-page-home .rfv-home-hero .rfv-hero-title-composite {
    position: absolute !important;
    z-index: 12 !important;
    top: -5px !important;
    left: 0 !important;
    width: 570px !important;
    height: auto !important;
    max-height: 360px !important;
    object-fit: contain !important;
    object-position: left top !important;
    transform: scale(1.5) !important;
    transform-origin: left top !important;
  }

  html body.rfv-page-home .rfv-home-hero,
  html body.rfv-page-home .rfv-home-hero .rfv-home-hero__copy {
    height: 660px !important;
    min-height: 660px !important;
  }

  html body.rfv-page-home .rfv-home-hero .rfv-actions {
    /* Position is inherited from the hero layout. */
    left: auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    gap: 12px !important;
    transform: none !important;
    z-index: 13 !important;
  }

  html body.rfv-page-home .rfv-home-hero .rfv-button {
    flex: 0 0 310px !important;
    margin: 0 !important;
    width: 310px !important;
    min-width: 310px !important;
  }
}

@media (min-width: 1001px) {
  html body.rfv-page-home .rfv-home-hero .rfv-header-art--power {
    top: -410px !important;
    right: -300px !important;
    width: 620px !important;
    height: 1260px !important;
    max-height: none !important;
    z-index: 2 !important;
  }
}

html body.rfv-page-home .rfv-header-art--join {
  top: 75px !important;
  right: -450px !important;
  width: 300px !important;
  height: auto !important;
  object-fit: contain !important;
  z-index: 1 !important;
}

/* Home News and Community panels: preserve the supplied frame clearance. */
html body.rfv-page-home .rfv-home-grid > .rfv-panel {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 127px 95px 125px 95px !important;
  overflow: visible !important;
}