/* =========================================================================
   Survey page (/survey) — scoped under .survey-form so nothing leaks into
   the rest of the app (assets/ CSS is global in Dash).

   The global font rules in static_css use !important, so these overrides
   also use !important to win. Inputs reuse .form-control (theme-aware dark
   bg) but we soften the text off pure white (#fff was too harsh / bright
   against the near-black background) and keep a tight 1.0–1.6rem font range.
   iOS inputs stay >= 16px to avoid Safari auto-zoom.
   ========================================================================= */

/* Softer base text (off-white, not pure #fff) */
.survey-form {
    color: #bdbdbd;
}

/* Heading / intro copy */
.survey-form h2 {
    font-size: 1.6rem !important;
    color: #e0e0e0 !important;
}
.survey-form .lead,
.survey-form .text-muted {
    font-size: 1.05rem !important;
    color: #a8a8a8 !important;
}
.survey-form .form-text {
    font-size: 1rem !important;
    color: #9a9a9a !important;
}

/* Spacing between question/answer blocks (each block uses .mb-4) */
.survey-form .mb-4 {
    margin-bottom: 3rem !important;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--border-primary, #333);
}
.survey-form .mb-4:last-of-type {
    border-bottom: none;
}

/* Question prompts — a touch brighter than body, but not pure white */
.survey-form .form-label,
.survey-form label.form-label {
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
    margin-bottom: 0.9rem !important;
    color: #dcdcdc !important;
}

/* Feature list under Q3 */
.survey-form ul li {
    font-size: 1.02rem !important;
    line-height: 1.5 !important;
    margin-bottom: 2px;
    color: #b0b0b0 !important;
}

/* Free-text inputs: dark background, softened text, smaller-ish font */
.survey-form textarea,
.survey-form textarea.form-control {
    font-size: 1.05rem !important;
    line-height: 1.5 !important;
    padding: 0.6rem 0.85rem !important;
    background-color: var(--bg-primary) !important;
    color: #d6d6d6 !important;
    border: 1px solid var(--border-primary, #444) !important;
}
.survey-form textarea::placeholder {
    color: #7c7c7c !important;
    opacity: 1;
}

/* Radio options — one per line, slightly smaller, softened text */
.survey-form .survey-radio label {
    display: flex !important;
    align-items: center;
    margin-bottom: 10px !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    color: #c2c2c2 !important;
    cursor: pointer;
}
.survey-form .survey-radio input[type="radio"] {
    transform: scale(1.2);
    margin-right: 12px !important;
    flex: 0 0 auto;
}

/* Submit button */
.survey-form .btn {
    font-size: 1.1rem !important;
    padding: 0.55rem 1.3rem !important;
}