/* ==========================================================================
   pe-header-progress.css — hardened chip/meter styles (dot-safe)
   ========================================================================== */

/* --- Harden progress chip visuals + click-through --- */
.pe-progress, .pe-progress *,
.peh-chip, .peh-chip *,
.peh-meter, .peh-meter *,
.peh-fill { pointer-events: none !important; }

/* Layout for inline chip to the right of titles */
.peh-chip {
  display: inline-flex;
  gap: .5rem;
  align-items: center;
  margin-left: .75rem;
  vertical-align: middle;
}

/* Label (e.g., 1 of 5) */
.peh-count { font-size: .9rem; color: #374151; }

/* Slim meter bar */
.peh-meter {
  display: inline-block;
  width: 160px;
  height: 8px;
  border-radius: 9999px;
  background: #e5e7eb;
  overflow: hidden;
  position: relative;
}
.peh-fill {
  display: block;
  width: 0%;
  height: 100%;
  background: #9ca3af;
  transition: width .18s ease;
}

/* GREEN when done */
.peh-chip.peh-done .peh-fill { background: #16a34a; }
.peh-chip.peh-done .peh-count { color: #166534; }

/* Round "green circle" badge at the end of the meter (keep this — it's intentional) */
.peh-chip::after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 9999px;
  border: 2px solid #9ca3af;
  display: inline-block;
}
.peh-chip.peh-done::after {
  border-color: #16a34a;
  background: #16a34a;
}

/* Title wrapper created by JS */
.peh-title { display: inline; }

/* Keep things from overlaying inputs */
.peh-chip, .peh-meter { position: static !important; z-index: 1 !important; }

/* ==========================================================================
   FINAL OVERRIDES (conflict guards)
   ========================================================================== */

/* 1) Ensure Module 5 has the proper two-column grid */
#module5 legend.pe-legend {
  grid-template-columns: 1fr auto !important;
}

/* 2) Enforce 2px border on all completed sections */
section.pe-complete {
  border: 2px solid #16a34a !important;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, .25) !important;
}

/* 3) Hide ONLY old theme "dot" elements in the header progress, without touching our chip circle
      (Do NOT hide generic ::after on stage/step — that can remove the meter entirely) */
.pe-header-progress .pe-dot { 
  display: none !important; 
}

/* =======================================================
 * Section border normalization
 * ======================================================= */

/* Base section */
#quoteForm > section {
  border-width: 1px;
}

/* Completed look (match the heavy green you liked) */
#quoteForm > section.pe-complete {
  border-color: #16a34a !important;
  border-width: 2px !important; /* thicker green border */
  box-shadow: 0 0 0 2px rgba(34,197,94,.25) !important;
}