/* Reservoir home — layout v24 (append after ls-reservoir-home.css). Wins over Monolithic pass. */

#lsReservoirHome .ls-rh-challenge-block {
  margin-top: 18px !important;
  padding: 18px 20px 20px !important;
  border: 1px solid rgba(120, 178, 238, 0.38) !important;
  border-radius: 18px !important;
  background: linear-gradient(
    165deg,
    rgba(18, 44, 92, 0.42),
    rgba(8, 16, 34, 0.82)
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 36px rgba(0, 0, 0, 0.28) !important;
}

#lsReservoirHome .ls-rh-challenge-block .ls-rh-shelf-label,
#lsReservoirHome .ls-rh-challenge-block .ls-rh-challenge-heading {
  margin: 0 0 12px !important;
  padding: 0 !important;
  border-top: none !important;
  font-size: 11px !important;
  letter-spacing: 0.28em !important;
  color: #a9d9f6 !important;
}

#lsReservoirHome .ls-rh-challenge-block .ls-rh-week {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

#lsReservoirHome .ls-rh-week-lede {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  color: #dce8f6 !important;
  margin: 10px 0 0 !important;
}

#lsReservoirHome .ls-rh-panel-personal > .ls-rh-lbl-plans,
#lsReservoirHome .ls-rh-panel-personal > .ls-rh-lbl-reservoirs,
#lsReservoirHome .ls-rh-panel-personal > .ls-rh-lbl-currents {
  margin-top: 36px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
}

@media (min-width: 900px) {
  #lsReservoirHome .ls-rh-panel-personal.ls-rh-show {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 32px !important;
    row-gap: 12px !important;
    align-items: start !important;
  }

  #lsReservoirHome .ls-rh-panel-personal > .ls-rh-today {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin-top: 18px !important;
  }

  #lsReservoirHome .ls-rh-panel-personal > .ls-rh-hold:not([hidden]) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin-top: 18px !important;
  }

  /* No hold: challenge sits beside Today. */
  #lsReservoirHome .ls-rh-panel-personal:not(.ls-rh-has-hold) > .ls-rh-challenge-block {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin-top: 18px !important;
  }

  /* Hold visible: challenge spans full width below Today + Hold. */
  #lsReservoirHome .ls-rh-panel-personal.ls-rh-has-hold > .ls-rh-challenge-block {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin-top: 8px !important;
  }

  #lsReservoirHome .ls-rh-panel-personal:not(.ls-rh-has-hold) > .ls-rh-lbl-plans {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal.ls-rh-has-hold > .ls-rh-lbl-plans {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal:not(.ls-rh-has-hold) > .ls-rh-active-plans {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal.ls-rh-has-hold > .ls-rh-active-plans {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal:not(.ls-rh-has-hold) > .ls-rh-lbl-plan-start {
    grid-column: 1 !important;
    grid-row: 4 !important;
    border-top: none !important;
    padding-top: 0 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal.ls-rh-has-hold > .ls-rh-lbl-plan-start {
    grid-column: 1 !important;
    grid-row: 5 !important;
    border-top: none !important;
    padding-top: 0 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal:not(.ls-rh-has-hold) > .ls-rh-plan-library {
    grid-column: 1 !important;
    grid-row: 5 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal.ls-rh-has-hold > .ls-rh-plan-library {
    grid-column: 1 !important;
    grid-row: 6 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal:not(.ls-rh-has-hold) > .ls-rh-lbl-build {
    grid-column: 2 !important;
    grid-row: 4 !important;
    border-top: none !important;
    padding-top: 0 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal.ls-rh-has-hold > .ls-rh-lbl-build {
    grid-column: 2 !important;
    grid-row: 5 !important;
    border-top: none !important;
    padding-top: 0 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal:not(.ls-rh-has-hold) > .ls-rh-build {
    grid-column: 2 !important;
    grid-row: 5 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal.ls-rh-has-hold > .ls-rh-build {
    grid-column: 2 !important;
    grid-row: 6 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal:not(.ls-rh-has-hold) > .ls-rh-lbl-reservoirs {
    grid-column: 1 / -1 !important;
    grid-row: 6 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal.ls-rh-has-hold > .ls-rh-lbl-reservoirs {
    grid-column: 1 / -1 !important;
    grid-row: 7 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal:not(.ls-rh-has-hold) > .ls-rh-shelf {
    grid-column: 1 / -1 !important;
    grid-row: 7 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal.ls-rh-has-hold > .ls-rh-shelf {
    grid-column: 1 / -1 !important;
    grid-row: 8 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal:not(.ls-rh-has-hold) > .ls-rh-lbl-currents {
    grid-column: 1 / -1 !important;
    grid-row: 8 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal.ls-rh-has-hold > .ls-rh-lbl-currents {
    grid-column: 1 / -1 !important;
    grid-row: 9 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal:not(.ls-rh-has-hold) > .ls-rh-currents {
    grid-column: 1 / -1 !important;
    grid-row: 9 !important;
  }

  #lsReservoirHome .ls-rh-panel-personal.ls-rh-has-hold > .ls-rh-currents {
    grid-column: 1 / -1 !important;
    grid-row: 10 !important;
  }
}