/* DermPrep Idea 9.43 — final footer spacing + Tomorrow Mode visual balance */
:root{
  --dp943-footer-edge-space: 36px;
  --dp943-footer-gap: 22px;
}

/* v944: footer spacing ownership retired from v943. */

/* =========================
   TOMORROW MODE HERO VISUAL
   Add more white/light contrast so it is not too green.
   ========================= */
.learn-tomorrow-mode .dp942-tomorrow-visual,
.dp942-tomorrow-visual{
  background: linear-gradient(180deg,#0B4A3F 0%, #0E5A4C 100%) !important;
  color: #F7F1E7 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
.dp942-tomorrow-visual h2{
  margin-bottom: 20px !important;
}

/* time option boxes become light cards */
.dp942-time-path{
  gap: 10px !important;
}
.dp942-time-path span{
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.dp942-time-path span:not(.dp942-tonight){
  background: #F6F1E8 !important;
  border-color: rgba(255,255,255,.28) !important;
}
.dp942-time-path span:not(.dp942-tonight) b,
.dp942-time-path span:not(.dp942-tonight) small{
  color: #0C4D42 !important;
  -webkit-text-fill-color: #0C4D42 !important;
}
.dp942-time-path .dp942-tonight{
  background: #FFFFFF !important;
  border-color: #F07A62 !important;
  box-shadow: 0 0 0 1px rgba(240,122,98,.12) inset !important;
}
.dp942-time-path .dp942-tonight b,
.dp942-time-path .dp942-tonight small{
  color: #0C4D42 !important;
  -webkit-text-fill-color: #0C4D42 !important;
}
.dp942-visual-rule{
  background: rgba(255,255,255,.18) !important;
  margin: 16px 0 14px !important;
}

/* morning row becomes a pale inset panel */
.dp942-morning{
  background: #F6F1E8 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  gap: 10px !important;
}
.dp942-morning b,
.dp942-morning small{
  color: #0C4D42 !important;
  -webkit-text-fill-color: #0C4D42 !important;
}
.dp942-morning small{
  opacity: .88 !important;
}
.dp942-sun{
  box-shadow: 0 0 0 4px rgba(246,191,76,.16) !important;
}

/* mobile polish */
@media (max-width: 767px){
  :root{
    --dp943-footer-edge-space: 28px;
    --dp943-footer-gap: 18px;
  }
  .dp942-tomorrow-visual{
    padding: 24px 22px !important;
  }
}