/* === Contactform Modal · Light-Dark Gray + RC-Blue Primary === */

/* Laufzeit-Primärfarbe vom RC-Login-Button:
   JS setzt --cfm-primary dynamisch. Fallback hier definieren. */
:root { --cfm-primary: #3693f3; } /* sanftes Blau als Fallback */

#cfm_overlay[hidden]{display:none!important}
#cfm_overlay{
  position:fixed; inset:0;
  background:rgba(0,0,0,.45);
  z-index:9999;
  display:flex; align-items:flex-start; justify-content:center;
  padding:5vh 1rem;
}

/* etwas heller als vorher, neutral grau */
#cfm_dialog{
  width:100%; max-width:720px;
  background:#1b1f27 !important;            /* Panel */
  color:#e8eaee !important;
  border:1px solid #303644 !important;       /* dezente Kante */
  border-radius:10px !important;
  box-shadow:0 12px 40px rgba(0,0,0,.5) !important;
  overflow:hidden !important;
}
#cfm_dialog .header{
  background:#191d24 !important;
  border-bottom:1px solid #2d3340 !important;
  padding:.85rem 1rem !important;
}
#cfm_dialog .content{
  background:#1b1f27 !important;
  padding:1rem 1rem 1.1rem !important;
}

/* Labels/Text */
#cfm_title.boxtitle{ margin:0; color:#e8eaee; }
#cfm_dialog label{ color:#cfd5db; }

/* Inputs – heller, neutral */
#cfm_dialog .form-control{
  background:#212633 !important;
  color:#e8eaee !important;
  border:1px solid #3a4150 !important;
  border-radius:8px !important;
}
#cfm_dialog .form-control:focus{
  outline:0 !important;
  border-color:#6b7280 !important;                 /* grauer Fokus */
  box-shadow:0 0 0 3px rgba(107,114,128,.25) !important;
}

/* Reihenabstände */
#cfm_dialog .propform .row{ margin-top:.6rem; }
#cfm_dialog .propform .row:first-child{ margin-top:0; }

/* Primary Button = RC-Blau (per CSS-Var) */
#cfm_submit.button.mainaction{
  background:var(--cfm-primary) !important;
  border-color:var(--cfm-primary) !important;
  color:#fff !important;
  border-radius:8px !important;
  transition:filter .15s ease;
}
#cfm_submit.button.mainaction:hover{ filter:brightness(1.08); }
#cfm_submit.button.mainaction:disabled{ opacity:.6; cursor:not-allowed; }

/* Close-Button „ד */
#cfm_close{
  font-size:1.25rem; line-height:1;
  padding:.25rem .5rem;
  background:transparent; color:#aab2bc; border:0;
}
#cfm_close:hover{ color:#e8eaee; }

/* Status-Text */
#cfm_status{ color:#cfd5db; }

/* Scrollbar dezent (WebKit) */
#cfm_dialog ::-webkit-scrollbar{ width:10px; height:10px; }
#cfm_dialog ::-webkit-scrollbar-thumb{ background:#2c3340; border-radius:8px; }
#cfm_dialog ::-webkit-scrollbar-track{ background:transparent; }

/* Optional: Footer-Button farblich zum Panel */
#contact-toggle.button{
  background:#212633; color:#e8eaee; border:1px solid #3a4150;
  border-radius:8px;
}
#contact-toggle.button:hover{ filter:brightness(1.06); }