/* Provincie Drenthe – Formdesk corporate stylesheet (v3.9 – Correct Container Centering + Segoe UI)
   - Formulier in het midden
   - Vragen en antwoorden blijven links uitgelijnd
   - Gebaseerd op v3.8 met alle responsive / Segoe / BG fixes
*/

:root{
  --pd-blauw:#00659b;--pd-donkerblauw:#003263;--pd-donkergrijs:#3e444b;--pd-lichtgrijs:#f4f4f4;--pd-wit:#fff;
  --color-border:#dcdfe3;--color-link:#00659b;--color-link-hover:#00527d;--focus-ring:3px solid #ffb703;
  --font-sans:"Segoe UI", Arial, sans-serif;
}

*{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden;background:#f4f4f4 !important;}
body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--pd-donkergrijs);text-align:left !important;}
.fd_page,.fd_body{background:#f4f4f4 !important;font-family:var(--font-sans);text-align:left !important;}

/* --- PERFECTE CENTRERING: enkel de outer container --- */
#grid1 > tr > td,
#grid2 > tr > td {
  text-align: center !important; /* centreert de hele form-box */
}

/* Formulier blijft zelf links qua inhoud */
#form,
#FDFormContainer,
.fd_form {
  text-align: left !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 840px;
  width: min(100%, 840px);
  background: #ffffff !important;
  border-radius: 6px;
  padding: 1.5rem;
}

/* Headings */
.fd_title h1,h1.fd_title{font:600 1.6rem/1.25 var(--font-sans) !important;margin:0 0 .5rem !important;color:var(--pd-donkerblauw)}
.fd_subtitle h2,h2.fd_subtitle{font:600 1.3rem/1.3 var(--font-sans) !important;margin:0 0 .5rem !important;color:var(--pd-blauw)}
.fd_text h3{font:600 1.15rem/1.3 var(--font-sans) !important;margin:.75rem 0 .25rem !important;color:var(--pd-donkerblauw)}

/* Text & labels */
.fd_text p,.fd_description,.fd_helptext{font:400 1rem/1.6 var(--font-sans);margin:0 0 1rem}
.fd_question{margin-bottom:1rem}
.fd_label,.fd_question label{font:600 1.05rem/1.4 var(--font-sans);color:var(--pd-donkerblauw)}
.fd_required,.RequiredSign{color:#c62828}

/* Inputs */
.fd_input,.fd_select,.fd_textarea{
  width:100%;padding:.65rem .75rem;font:400 1rem/1.4 var(--font-sans);
  border:1px solid var(--color-border);border-radius:4px;background:#fff;color:var(--pd-donkergrijs)
}
.fd_input:focus-visible,.fd_select:focus-visible,.fd_textarea:focus-visible{outline:var(--focus-ring);outline-offset:2px}

/* Radio/checkbox */
.options-table{width:100% !important;font-family:var(--font-sans)}
.options-table td{padding:.25rem .25rem}
.fd_radiolist li,.fd_checklist li{margin-bottom:.5rem}
.fd_radiolist input[type=radio],.fd_checklist input[type=checkbox]{margin-right:.5rem}

/* Buttons */
.fd_button,.fd_submit,input[type=submit].fd_button{
  display:inline-block;background:var(--pd-blauw);color:#fff;border:none;
  padding:.65rem 1.2rem;border-radius:4px;font:600 1rem/1 var(--font-sans);cursor:pointer
}
.fd_button:hover{background:#00527d}
.fd_button:focus-visible{outline:var(--focus-ring);outline-offset:2px}

/* Banner */
#img38538935,.img38538935{max-width:100% !important;height:auto !important;width:auto !important}
#tdA38538935{text-align:center !important;width:100% !important}

/* Hard overrides */
[width]{width:auto !important;max-width:100% !important}
[style*='width:']{width:auto !important;max-width:100% !important}
table{max-width:100% !important;width:100% !important;table-layout:auto !important}
tr,td,th{max-width:100% !important}
#FDOuter,.fd_outer,#FDFormContainer,.fd_form,.fd_page,.fd_body{overflow-wrap:anywhere;word-break:normal}
img,video,iframe{max-width:100%;height:auto}

/* Mobile stacking */
@media (max-width:1200px){
  #grid4 tr>td.fd_question,#grid4 tr>td.AnswerLabel{display:block !important;width:100% !important}
  td.fd_question{margin-bottom:.4rem !important}
  td.AnswerLabel input,td.AnswerLabel select,td.AnswerLabel textarea{width:100% !important}
  .options-table td{display:block !important;width:100% !important}
}

/* Tiny screens */
@media (max-width:480px){#FDFormContainer,.fd_form{padding:1rem}.fd_label{font-size:1rem}}

/* Print */
@media print{.fd_button,.fd_submit{display:none !important}a::after{content:' (' attr(href) ')';font-size:90%}}