/**
 * DAUK Heatwave Snapshot Survey — page styles
 *
 * Self-contained and scoped to #dauk-heat-survey so it never clashes with the
 * theme. Fonts (Inter / Plus Jakarta Sans) are already loaded by the theme.
 *
 * @package DAUK
 */

    #dauk-heat-survey {
      --teal: #006B64;
      --teal-dark: #003732;
      --teal-light: #008A80;
      --tint: #E6F4F3;
      --accent: #00857C;
      --heat-1: #F59E0B;
      --heat-2: #DC2626;
      --ink: #1E293B;
      --muted: #64748B;
      --line: #E2E8F0;
      --white: #FFFFFF;
      --radius: 14px;
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      color: var(--ink);
      max-width: 640px;
      margin: 0 auto;
      line-height: 1.55;
      box-sizing: border-box;
    }
    #dauk-heat-survey *, #dauk-heat-survey *::before, #dauk-heat-survey *::after { box-sizing: border-box; }

    #dauk-heat-survey .dhs-card {
      background: var(--white);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: 0 1px 2px rgba(15,23,42,0.04), 0 8px 28px rgba(15,23,42,0.06);
    }
    #dauk-heat-survey .dhs-heatbar {
      height: 5px;
      background: linear-gradient(90deg, var(--teal) 0%, var(--heat-1) 65%, var(--heat-2) 100%);
    }
    #dauk-heat-survey .dhs-head { padding: 26px 26px 6px; }
    #dauk-heat-survey .dhs-eyebrow {
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--teal-light);
      margin: 0 0 8px;
    }
    #dauk-heat-survey h2.dhs-title {
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-weight: 800;
      font-size: 26px;
      line-height: 1.15;
      color: var(--teal);
      margin: 0 0 8px;
    }
    #dauk-heat-survey .dhs-sub { color: var(--muted); font-size: 15px; margin: 0; }
    #dauk-heat-survey .dhs-meta {
      display: flex; gap: 16px; flex-wrap: wrap;
      padding: 14px 26px 0; font-size: 13px; color: var(--muted);
    }
    #dauk-heat-survey .dhs-meta span { display: inline-flex; align-items: center; gap: 6px; }
    #dauk-heat-survey .dhs-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }

    #dauk-heat-survey form { padding: 20px 26px 26px; }
    #dauk-heat-survey .dhs-q { padding: 18px 0; border-top: 1px solid var(--line); }
    #dauk-heat-survey .dhs-q:first-of-type { border-top: none; }
    #dauk-heat-survey .dhs-label {
      display: block;
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-weight: 600;
      font-size: 15.5px;
      color: var(--ink);
      margin: 0 0 12px;
    }
    #dauk-heat-survey .dhs-req { color: var(--heat-2); font-weight: 700; }
    #dauk-heat-survey .dhs-opt { color: var(--muted); font-weight: 500; font-size: 13px; }
    #dauk-heat-survey .dhs-hint { color: var(--muted); font-size: 13px; margin: -4px 0 12px; }

    #dauk-heat-survey .dhs-options { display: grid; gap: 8px; }
    #dauk-heat-survey .dhs-options.dhs-2col { grid-template-columns: 1fr 1fr; }
    @media (max-width: 460px) { #dauk-heat-survey .dhs-options.dhs-2col { grid-template-columns: 1fr; } }

    #dauk-heat-survey .dhs-pill {
      position: relative;
      display: flex; align-items: center;
      border: 1.5px solid var(--line);
      border-radius: 10px;
      padding: 11px 13px;
      cursor: pointer;
      transition: border-color .12s ease, background .12s ease;
      font-size: 14.5px;
    }
    #dauk-heat-survey .dhs-pill:hover { border-color: var(--teal-light); }
    #dauk-heat-survey .dhs-pill input { position: absolute; opacity: 0; pointer-events: none; }
    #dauk-heat-survey .dhs-pill .dhs-mark {
      width: 18px; height: 18px; border: 2px solid var(--line);
      border-radius: 50%; margin-right: 11px; flex: 0 0 auto;
      transition: border-color .12s ease;
    }
    #dauk-heat-survey .dhs-pill input:checked ~ .dhs-mark {
      border-color: var(--teal); box-shadow: inset 0 0 0 4px var(--teal);
    }
    #dauk-heat-survey .dhs-pill input:checked ~ .dhs-text { color: var(--teal); font-weight: 600; }
    #dauk-heat-survey .dhs-pill:has(input:checked) { border-color: var(--teal); background: var(--tint); }
    #dauk-heat-survey .dhs-pill input:focus-visible ~ .dhs-mark { outline: 2px solid var(--accent); outline-offset: 2px; }

    #dauk-heat-survey select, #dauk-heat-survey input[type="text"],
    #dauk-heat-survey input[type="email"], #dauk-heat-survey textarea {
      width: 100%;
      font-family: 'Inter', sans-serif;
      font-size: 15px;
      color: var(--ink);
      border: 1.5px solid var(--line);
      border-radius: 10px;
      padding: 11px 13px;
      background: var(--white);
    }
    #dauk-heat-survey select:focus, #dauk-heat-survey input:focus, #dauk-heat-survey textarea:focus {
      outline: none; border-color: var(--teal); box-shadow: 0 0 0 3px var(--tint);
    }
    #dauk-heat-survey textarea { resize: vertical; min-height: 84px; }
    #dauk-heat-survey .dhs-inline { display: flex; gap: 10px; align-items: center; margin-top: 10px; }
    #dauk-heat-survey .dhs-inline label { font-size: 13px; color: var(--muted); white-space: nowrap; }
    #dauk-heat-survey .dhs-inline input { max-width: 130px; }

    #dauk-heat-survey .dhs-hp { position: absolute; left: -9999px; opacity: 0; height: 0; overflow: hidden; }

    #dauk-heat-survey .dhs-submit {
      width: 100%;
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-weight: 700;
      font-size: 16px;
      color: var(--white);
      background: var(--teal);
      border: none;
      border-radius: 11px;
      padding: 15px;
      margin-top: 18px;
      cursor: pointer;
      transition: background .15s ease;
    }
    #dauk-heat-survey .dhs-submit:hover { background: var(--teal-dark); }
    #dauk-heat-survey .dhs-submit:disabled { opacity: .6; cursor: progress; }
    #dauk-heat-survey .dhs-foot { text-align: center; font-size: 12.5px; color: var(--muted); margin: 14px 0 0; }
    #dauk-heat-survey .dhs-err { color: var(--heat-2); font-size: 13px; margin-top: 10px; text-align: center; min-height: 18px; }

    #dauk-heat-survey .dhs-done { padding: 48px 30px; text-align: center; }
    #dauk-heat-survey .dhs-done .dhs-tick {
      width: 54px; height: 54px; border-radius: 50%;
      background: var(--tint); color: var(--teal);
      display: grid; place-items: center; margin: 0 auto 18px;
      font-size: 28px; font-weight: 800;
    }
    #dauk-heat-survey .dhs-done h3 {
      font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800;
      color: var(--teal); font-size: 22px; margin: 0 0 8px;
    }
    #dauk-heat-survey .dhs-done p { color: var(--muted); font-size: 15px; margin: 0 auto; max-width: 380px; }

    @media (prefers-reduced-motion: reduce) {
      #dauk-heat-survey * { transition: none !important; }
    }