/* Bug #826135 + #826864 — Slider/Button/Eyebrow Fixes (2026-04-11)
   Standalone file: immune to rebase conflicts with other agents.
   Loaded via <link> in home.ejs AFTER homepage-100k.min.css */

/* ── Eyebrow — prevent wrap at 375px (#826864-2) ── */
.hmc-eyebrow {
  white-space: nowrap !important;
}

/* ── Slider Track — 8px rail, gradient fill set by JS for WebKit (#826864-3) ── */
.hmc-slider {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  height: 8px !important;
  background: linear-gradient(to right, #16a34a 11.1%, #d1d5db 11.1%) !important;
  border-radius: 999px !important;
  outline: none !important;
  cursor: pointer !important;
  border: none !important;
  margin: 0.5rem 0 !important;
  padding: 0 !important;
}
.hmc-slider::-webkit-slider-runnable-track {
  -webkit-appearance: none !important;
  appearance: none !important;
  height: 8px !important;
  background: transparent !important;
  border-radius: 999px !important;
  border: none !important;
}
.hmc-slider::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 24px !important;
  height: 24px !important;
  background: #16a34a !important;
  border: 3px solid #ffffff !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25), 0 0 0 3px rgba(22,163,74,0.15) !important;
  cursor: grab !important;
  margin-top: -8px !important;
}
.hmc-slider::-webkit-slider-thumb:active {
  cursor: grabbing !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3), 0 0 0 5px rgba(22,163,74,0.2) !important;
}
.hmc-slider::-moz-range-track {
  height: 8px !important;
  background: #d1d5db !important;
  border-radius: 999px !important;
  border: none !important;
}
.hmc-slider::-moz-range-thumb {
  width: 24px !important;
  height: 24px !important;
  background: #16a34a !important;
  border: 3px solid #ffffff !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25), 0 0 0 3px rgba(22,163,74,0.15) !important;
  cursor: grab !important;
}
.hmc-slider::-moz-range-progress {
  background: #16a34a !important;
  height: 8px !important;
  border-radius: 999px !important;
}
.hmc-slider-ticks span {
  color: #6b7280 !important;
}

/* ── Button — nowrap + responsive text (#826864-1) ── */
.hmc-btn {
  overflow: visible !important;
  white-space: nowrap !important;
  text-align: center !important;
  word-break: normal !important;
  width: 100% !important;
  padding: 0.9rem 1.25rem !important;
  font-size: clamp(0.82rem, 2.5vw, 1rem) !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.hmc-btn-full { display: inline; }
.hmc-btn-short { display: none; }
@media (max-width: 480px) {
  .hmc-btn-full { display: none; }
  .hmc-btn-short { display: inline; }
}
.hmc-right, .hmc-form {
  overflow: visible !important;
}