/* =========================================================
   HOME DARK CONTRAST v105
   Fixes washed-out controls and statistics strip in dark mode.
   ========================================================= */

/* ------------------------------
   Pause / Play Journey control
   ------------------------------ */
.home-atlas-page .ha-o6-play{
  border:1px solid transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

html[data-theme="light"] .home-atlas-page .ha-o6-play{
  background:#fffdf8!important;
  color:#173249!important;
  border-color:#d9d2c7!important;
  box-shadow:0 4px 14px rgba(23,50,73,.08)!important;
}

html[data-theme="light"] .home-atlas-page .ha-o6-play:hover,
html[data-theme="light"] .home-atlas-page .ha-o6-play:focus-visible{
  background:#f3efe6!important;
  border-color:#c98925!important;
  color:#173249!important;
}

html[data-theme="dark"] .home-atlas-page .ha-o6-play{
  background:rgba(11,29,34,.94)!important;
  color:#edf4f2!important;
  border-color:#355157!important;
  box-shadow:0 5px 16px rgba(0,0,0,.28)!important;
}

html[data-theme="dark"] .home-atlas-page .ha-o6-play:hover,
html[data-theme="dark"] .home-atlas-page .ha-o6-play:focus-visible{
  background:#143137!important;
  border-color:#dda84a!important;
  color:#fff!important;
}

/* If the control contains icon/label spans, keep them readable. */
html[data-theme="dark"] .home-atlas-page .ha-o6-play *,
html[data-theme="light"] .home-atlas-page .ha-o6-play *{
  color:inherit!important;
}

/* ------------------------------
   Home statistics strip
   ------------------------------ */
.home-atlas-page .ha-signal-strip{
  border-top:1px solid transparent!important;
  border-bottom:1px solid transparent!important;
}

html[data-theme="light"] .home-atlas-page .ha-signal-strip{
  background:#f0eee8!important;
  border-color:#d9d2c7!important;
  color:#173249!important;
}

html[data-theme="light"] .home-atlas-page .ha-signal-strip article,
html[data-theme="light"] .home-atlas-page .ha-signal-strip div{
  border-color:#ddd7cd!important;
}

html[data-theme="light"] .home-atlas-page .ha-signal-strip strong{
  color:#173249!important;
}

html[data-theme="light"] .home-atlas-page .ha-signal-strip span,
html[data-theme="light"] .home-atlas-page .ha-signal-strip small{
  color:#68767d!important;
}

html[data-theme="dark"] .home-atlas-page .ha-signal-strip{
  background:#10262c!important;
  border-color:#2e474c!important;
  color:#e8f1ef!important;
}

html[data-theme="dark"] .home-atlas-page .ha-signal-strip article,
html[data-theme="dark"] .home-atlas-page .ha-signal-strip div{
  border-color:#2c4449!important;
}

html[data-theme="dark"] .home-atlas-page .ha-signal-strip strong{
  color:#f0f5f3!important;
  text-shadow:none!important;
}

html[data-theme="dark"] .home-atlas-page .ha-signal-strip span,
html[data-theme="dark"] .home-atlas-page .ha-signal-strip small{
  color:#aebdba!important;
}

/* Esri logo cell should not create a bright white block in dark mode. */
html[data-theme="dark"] .home-atlas-page .ha-signal-strip img{
  background:#f5f7f5!important;
  border-radius:2px!important;
  padding:3px!important;
}

/* Keep any link/button inside the strip readable. */
html[data-theme="dark"] .home-atlas-page .ha-signal-strip a{
  color:#72d0c7!important;
}
html[data-theme="light"] .home-atlas-page .ha-signal-strip a{
  color:#176f69!important;
}

/* ------------------------------
   Nearby map status panel
   ------------------------------ */
html[data-theme="dark"] .home-atlas-page .ha-o6-panel{
  background:rgba(10,29,35,.95)!important;
  border-color:#314b50!important;
  color:#eaf2f1!important;
}

html[data-theme="dark"] .home-atlas-page .ha-o6-panel span,
html[data-theme="dark"] .home-atlas-page .ha-o6-panel small{
  color:#adc0bd!important;
}

html[data-theme="dark"] .home-atlas-page .ha-o6-panel strong{
  color:#f2f6f5!important;
}

/* Active journey row: gold is retained only as a restrained cue. */
html[data-theme="dark"] .home-atlas-page .ha-o6-steps button.active{
  background:#163844!important;
  color:#fff!important;
  border-color:#dda84a!important;
}

html[data-theme="dark"] .home-atlas-page .ha-o6-steps button.active i{
  background:#dda84a!important;
  color:#10252b!important;
}

/* Light-mode active row remains warm rather than saturated. */
html[data-theme="light"] .home-atlas-page .ha-o6-steps button.active{
  background:#eef3f0!important;
  color:#173249!important;
  border-color:#c98925!important;
}

html[data-theme="light"] .home-atlas-page .ha-o6-steps button.active i{
  background:#c98925!important;
  color:#fff!important;
}