.elementor-2827 .elementor-element.elementor-element-3202ff5{--display:flex;}/* Start custom CSS for formidable, class: .elementor-element-09ab5db *//* ============================================================
   DXA Patient Questionnaire — Formidable theme
   Source inspiration: cornflowerblue-mule-234466.hostingersite.com
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=Manrope:wght@400;500;600;700&display=swap');

:root{
  --navy:#183A70; --navy-deep:#102A4C; --text:#1C2B45;
  --accent:#C79A5B; --muted:#66758A; --ok:#2F9D69;
  --bg1:#F8FAFD; --bg2:#EEF4FB; --bg3:#E3EAF3;
  --warn:#B23A2E; --warnbg:#FBEAE8;
}

/* ---------- Form wrapper ---------- */
.frm_forms{
  max-width:800px; margin:0 auto; font-family:'Manrope',sans-serif;
  color:var(--text); line-height:1.6; background:var(--bg1); padding:20px 16px 40px;
}

/* ---------- Section headings: #51, #57, #62, #65, #72 (h3+hr) ---------- */
.frm_forms .frm_html_container h3{
  font-family:'Cormorant Garamond',serif; font-weight:600;
  font-size:1.7rem; color:var(--navy); margin:30px 0 6px;
}
.frm_forms .frm_html_container hr{
  border:none; border-top:2px solid var(--accent); margin:0 0 14px;
}

/* ---------- Intro info box: #49 "Om undersøgelsen" ---------- */
#frm_field_49_container{
  background:var(--bg2); border:1px solid var(--bg3); border-radius:10px;
  padding:16px 18px; margin-bottom:10px;
}
#frm_field_49_container h3{ margin-top:0; }
#frm_field_49_container p{ font-size:.92rem; color:var(--text); margin:0 0 10px; }

/* ---------- Guide box: #85 (intro line), #86 (write-in-own-words guide) ---------- */
#frm_field_85_container{ font-size:.9rem; color:var(--muted); margin:0 0 10px; }
#frm_field_86_container{
  background:#FBF3E7; border-left:4px solid var(--accent); border-radius:6px;
  padding:14px 16px; margin:0 0 10px; font-size:.9rem;
}
#frm_field_86_container p{ margin:6px 0; }
#frm_field_86_container p:nth-of-type(2){ color:var(--warn); font-style:italic; }   /* "For kort" bad example */
#frm_field_86_container p:nth-of-type(3){ color:var(--ok); font-style:italic; }     /* "Godt" good example */

/* ---------- Base card look: every real field + every conditional html-text child ---------- */
.frm_forms .frm_form_field.form-field:not(.frm_html_container),
#frm_field_59_container, #frm_field_87_container, #frm_field_88_container,
#frm_field_89_container, #frm_field_90_container, #frm_field_91_container{
  background:#fff; border:1px solid var(--bg3); border-radius:10px;
  padding:14px 16px; margin-bottom:10px;
  box-shadow:0px 5px 10px -5px rgba(28,43,69,.08);
}
.frm_forms .frm_required_field{ border-left:3px solid var(--accent); }

/* ---------- Merge seams: conditional fields share one box with their trigger ----------
   Rule: the field BEFORE a conditional child flattens its bottom edge;
         the conditional child(ren) flatten their top edge (and bottom too, unless last in the chain). */

/* Group: 55 (henvisning) -> 84 (henvisende, conditional) */
#frm_field_55_container{ border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0; margin-bottom:0; }
#frm_field_84_container{ border-top:none; border-top-left-radius:0; border-top-right-radius:0; margin-top:0; }

/* Group: 58 (graviditet) -> 59 (warning text, conditional) */
#frm_field_58_container{ border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0; margin-bottom:0; }
#frm_field_59_container{ border-top:none; border-top-left-radius:0; border-top-right-radius:0; margin-top:0; color:var(--warn); font-weight:600; font-size:.9rem; }

/* Group: 60 (tidligere DXA) -> 61 (which exam, conditional) */
#frm_field_60_container{ border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0; margin-bottom:0; }
#frm_field_61_container{ border-top:none; border-top-left-radius:0; border-top-right-radius:0; margin-top:0; }

/* Group: 63 (medical checkboxes) -> 64 (uddybning textarea, conditional) */
#frm_field_63_container{ border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0; margin-bottom:0; }
#frm_field_64_container{ border-top:none; border-top-left-radius:0; border-top-right-radius:0; margin-top:0; }

/* Group: 66 (wellness checkboxes) -> 67/87/68/88/69/89/70/90/71/91 (all conditional, one long chain) */
#frm_field_66_container{ border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0; margin-bottom:0; }
#frm_field_67_container, #frm_field_87_container,
#frm_field_68_container, #frm_field_88_container,
#frm_field_69_container, #frm_field_89_container,
#frm_field_70_container, #frm_field_90_container,
#frm_field_71_container{
  border-top:none; border-top-left-radius:0; border-top-right-radius:0; margin-top:0;
  border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0; margin-bottom:0;
}
#frm_field_91_container{ border-top:none; border-top-left-radius:0; border-top-right-radius:0; margin-top:0; } /* last in chain — keep bottom rounded */

/* "Brug for hjælp? Se et eksempel" blocks — subtle inset, not a separate box */
#frm_field_87_container, #frm_field_88_container, #frm_field_89_container,
#frm_field_90_container, #frm_field_91_container{
  font-size:.86rem; font-style:italic; color:var(--muted);
  border-left:3px solid var(--bg3); padding-left:14px; background:var(--bg1);
}

/* ---------- Labels / inputs ---------- */
.frm_forms .frm_primary_label{ display:block; font-weight:600; font-size:.92rem; margin-bottom:5px; color:var(--text); }
.frm_forms .frm_required{ color:var(--accent); margin-left:2px; font-weight:700; }

.frm_forms input[type=text],
.frm_forms input[type=date],
.frm_forms input[type=email],
.frm_forms input[type=tel],
.frm_forms textarea,
.frm_forms select{
  width:100%; padding:10px 12px; border:1px solid var(--bg3); border-radius:8px;
  font-size:1rem; font-family:inherit; box-sizing:border-box; background:var(--bg1);
  transition:border-color .15s;
}
.frm_forms input:focus, .frm_forms textarea:focus, .frm_forms select:focus{
  outline:none; border-color:var(--accent); background:#fff;
}
.frm_forms textarea{ resize:vertical; }

/* ---------- Radio / checkbox groups ---------- */
.frm_forms legend.frm_primary_label,
.frm_forms .frm_primary_label{ font-weight:600; font-size:.92rem; margin-bottom:6px; }
.frm_forms .frm_radio, .frm_forms .frm_checkbox{
  display:flex; align-items:flex-start; gap:10px; margin:8px 0; font-size:.95rem;
}
.frm_forms .frm_radio label, .frm_forms .frm_checkbox label{
  display:flex; align-items:flex-start; gap:10px; cursor:pointer; font-weight:400;
}
.frm_forms .frm_radio input, .frm_forms .frm_checkbox input{
  margin-top:3px; width:18px; height:18px; flex:none; accent-color:var(--accent);
}

/* ---------- Validation errors ---------- */
.frm_forms .frm_error{
  display:block; background:var(--warnbg); border:1px solid var(--warn);
  color:var(--warn); border-radius:6px; padding:7px 12px; font-size:.86rem;
  font-weight:600; margin-top:6px;
}

/* ---------- Submit buttons: #83 (.frm_dual_buttons) ---------- */
.frm_forms .frm_dual_buttons{ display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.frm_forms .frm_button_submit{
  font-family:'Manrope',sans-serif; background:var(--accent); color:#fff;
  font-size:1rem; font-weight:600; padding:13px 28px; border-radius:100px;
  border:none; cursor:pointer; box-shadow:0px 5px 10px -5px rgba(28,43,69,.42);
}
.frm_forms .frm_button_submit:hover{ background:var(--navy); }
.frm_forms .frm_pdf_btn{ background:#fff; color:var(--navy); border:2px solid var(--navy); box-shadow:none; }
.frm_forms .frm_pdf_btn:hover{ background:var(--navy); color:#fff; }

/* ---------- Honeypot (#93) — keep invisible regardless of theme ---------- */
#frm_field_93_container{ position:absolute !important; left:-9999px !important; }/* End custom CSS */