:root {
  --w-red:#c92535;
  --w-yellow:#ffd604;
  --w-red-50:#d46773;
  --w-ink:#0d0f13;
  --w-muted:#6b7280;
  --w-bg:#fff;
}



/* Quote tool intro heading */
.wheadons-cf7 .quote-heading {
  text-align:center;
  margin-bottom:28px;
  padding:0 10px;
}

.wheadons-cf7 .quote-heading h2 {
  font-size:1.6rem;
  font-weight:700;
  color:var(--w-red);
  margin-bottom:8px;
}

.wheadons-cf7 .quote-heading p {
  font-size:1rem;
  display:block;
  color:#444;
  margin:0;
  line-height:1.5;
  display: block!important;
}


/* Label styling for selects */
.wheadons-cf7 .select-field label {
  display:block;
  font-weight:600;
  font-size:14px;
  color:var(--w-ink);
  margin-bottom:6px;
  padding-left:4px;
}

/* Styled select dropdowns */
.wheadons-cf7 select {
  width:100%;
  border:1px solid #e5e7eb;
  border-radius:8px;
  padding:14px 14px;
  font-size:16px;
  background-color:#fff;
  color:#111;
  appearance:none;
  background-image: linear-gradient(45deg, transparent 50%, var(--w-red) 50%), 
                    linear-gradient(135deg, var(--w-red) 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  transition: border 0.2s, box-shadow 0.2s;
}

.wheadons-cf7 select:focus {
  border-color: var(--w-red-50);
  box-shadow: 0 0 0 3px rgba(201,37,53,.12);
  outline: none;
}

/* Align both selects in grid */
.wheadons-cf7 .grid.two .select-field {
  display:flex;
  flex-direction:column;
}


/* Wrapper */
.wheadons-cf7{
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--w-bg);
  border:1px solid #eee;
  border-radius:10px;
  padding:32px;
  color:var(--w-ink);
}

/* Section headings */
.wheadons-cf7 .section-heading{
  font-size:1.1rem;font-weight:700;margin:28px 0 16px;color:var(--w-red);
  border-left:4px solid var(--w-red);padding-left:10px;
}

/* Grid */
.wheadons-cf7 .grid{display:grid;gap:16px;margin-bottom:16px}
.wheadons-cf7 .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:768px){.wheadons-cf7 .grid.two{grid-template-columns:1fr}}

/* Fields */
.wheadons-cf7 .field{position:relative;margin-bottom:20px}

/* Icons */
.wheadons-cf7 .icon{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  display:flex;
  justify-content:center;
  align-items:center;
  color:var(--w-red);
  opacity:.9;
  pointer-events:none;
  z-index: 9;
}
.wheadons-cf7 .et-pb-icon{font-size:20px;line-height:1}
.wheadons-cf7 .icon .emoji{font-size:18px;line-height:1;display:inline-block;transform:translateY(1px)}

/* Textarea icon top-aligned */
.wheadons-cf7 .icon-field.textarea-icon .icon{top:20px;transform:none;align-items:flex-start}

/* Inputs & textarea */
.wheadons-cf7 input[type="text"],
.wheadons-cf7 input[type="email"],
.wheadons-cf7 input[type="tel"],
.wheadons-cf7 input[type="date"],
.wheadons-cf7 input[type="number"],
.wheadons-cf7 textarea{
  width:100%;border:1px solid #e5e7eb;border-radius:8px;
  padding:14px 14px 14px 54px;font-size:16px;background:#fff;
  transition:border .2s,box-shadow .2s;line-height:1.45;box-sizing:border-box;
}
.wheadons-cf7 textarea{min-height:120px;resize:vertical;padding-top:40px}

/* Number input – hide spinners */
.wheadons-cf7 input[type="number"]{-moz-appearance:textfield;appearance:textfield}
.wheadons-cf7 input[type="number"]::-webkit-outer-spin-button,
.wheadons-cf7 input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance:none;margin:0 }

.wheadons-cf7 input:focus,
.wheadons-cf7 textarea:focus{border-color:var(--w-red-50);box-shadow:0 0 0 3px rgba(201,37,53,.12);outline:none}
.wheadons-cf7 ::placeholder{color:#9ca3af;opacity:1}

/* Validation tips under field text (not under icon) */
.wpcf7-not-valid-tip{
  margin-top:6px!important;margin-left:46px;font-size:13px!important;color:#e63946!important;line-height:1.3
}

/* Checkbox pills (emoji) */
.wheadons-cf7 .checkbox-group .wpcf7-form-control-wrap{display:flex;flex-wrap:wrap;gap:8px}
.wheadons-cf7 .checkbox-group .wpcf7-list-item{margin:0!important}
.wheadons-cf7 .checkbox-group .wpcf7-list-item-label{
  background:#f9f9f9;border:1px solid #e2e2e2;border-radius:40px;
  padding:10px 20px;font-weight:500;cursor:pointer;transition:all .2s ease;
  display:inline-flex;align-items:center;justify-content:center;user-select:none;margin-right:8px;font-size:16px
}
.wheadons-cf7 .checkbox-group input[type="checkbox"]{display:none}
.wheadons-cf7 .checkbox-group input[type="checkbox"]:checked + .wpcf7-list-item-label{
  background:var(--w-red);color:#fff;border-color:var(--w-red);box-shadow:0 4px 10px rgba(201,37,53,.25)
}

/* Stepper */
.wheadons-cf7.wheadons-steps .cf7-step{display:none}
.wheadons-cf7.wheadons-steps .cf7-step.is-active{display:block;opacity: 1;}

.wheadons-cf7 .cf7-progress{
  list-style:none;display:flex;gap:10px;margin:0 0 18px 0;padding:0
}
.wheadons-cf7 .cf7-progress li{
  width:28px;height:28px;border-radius:50%;
  background:#f0f2f5;border:1px solid #e4e7ec;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;color:#8a9099
}
.wheadons-cf7 .cf7-progress li.active,
.wheadons-cf7 .cf7-progress li.done{
  background:var(--w-red);border-color:var(--w-red);color:#fff
}

.wheadons-cf7 .step-actions{display:flex;gap:10px;margin-top:6px}
.wheadons-cf7 .step-actions.between{justify-content:space-between}
.wheadons-cf7 .wbtn{display:inline-flex;align-items:center;justify-content:center;background:var(--w-red);color:#fff;font-weight:700;border:0;border-radius:999px;padding: 20px 24px;font-size:1rem;line-height: 0;}
.wheadons-cf7 .wbtn:hover{background:#aa1f2c}
.wheadons-cf7 .wbtn.wbtn--ghost{background:#fff;color:var(--w-red);border:1px solid var(--w-red)}
.wheadons-cf7 .wbtn.wbtn--ghost:hover{color:#aa1f2c;border-color:#aa1f2c}

/* Remove CF7 default p/br inside wrapper only */
.wheadons-cf7 p,.wheadons-cf7 br{display:none!important;margin:0!important;padding:0!important}

/* Admin note */
.wheadons-cf7 .miles-admin-note{display:none;font-size:12px;color:var(--w-muted);margin-top:8px}
body.logged-in .wheadons-cf7 .miles-admin-note{display:block}