/* moody-eform-plugin - eForm spezifische Styles
   Dieses Plugin ergaenzt eForm (wp-fsqm-pro) mit theme-spezifischen Anpassungen.
   Autor: MoodyArts
*/

/* Nur li::before in Icon/eForm-Containern neutralisieren */
.vc_icon_element li::before,
.ipt-uif-fields li::before,
.ipt-uif-custom-material-custom li::before,
.wpb_button::before,
.vc_btn::before {
    content: '' !important;
    position: static !important;
    margin-left: 0 !important;
    font-size: inherit !important;
}


/* eForm Custom Material – Radio und Checkbox Icons */

.ipt-uif-custom-material-custom [type="radio"]:checked + label::after {
  font-family: inherit;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  color: currentColor;
  line-height: 24px;
  text-align: center;
}

.ipt-uif-custom-material-custom [type="checkbox"] + label::after {
  border: 0;
  border-radius: 2px;
  -webkit-transform: scale(0);
  transform: scale(0);
  font-family: inherit;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  color: currentColor;
  line-height: 24px;
  text-align: center;
}

.ipt-uif-custom-material-custom [type="checkbox"]:checked + label::after {
  -webkit-transform: scale(1);
  transform: scale(1);
}


/* eForm Signatur: Fehlermeldung nur zeigen wenn nicht ausgefüllt */
.ipt_fsqm_container_jsignature.sig-filled .formError {
    display: none !important;
}

/* eForm Signatur: Fehlermeldung bei Initialisierung verstecken */
.ipt_fsqm_container_jsignature.sig-init .ipt_uif_container .formError {
    display: none !important;
}

/* Signatur: Canvas oben, darunter Label links und Buttons rechts */

/* Container: Canvas zuerst */
.ipt_fsqm_container_jsignature .ipt_uif_container {
    display: flex;
    flex-direction: column;
}
.ipt_fsqm_container_jsignature .ipt_uif_container_inner {
    order: -1;
}

/* Canvas-Pad: kein Border */
.ipt_fsqm_container_jsignature .ipt_uif_jsignature_pad {
    width: 100%;
    border: none !important;
    box-shadow: none !important;
}

/* Canvas: nur Border unten */
.ipt_fsqm_container_jsignature .ipt_uif_jsignature_pad canvas {
    border-bottom: 1px solid #000 !important;
}

/* Label links, Buttons rechts - unabhaengig via Grid */
.ipt_fsqm_container_jsignature .ipt-eform-material-button-container {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    margin-top: 10px;
}
.ipt_fsqm_container_jsignature .ipt-eform-material-button-container .sig-label {
    margin: 0;
    padding: 0;
    font-size: inherit;
}
.ipt_fsqm_container_jsignature .ipt-eform-material-button-container .eform-button-container-inner {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}
.ipt_fsqm_container_jsignature .ipt_uif_container_head {
    display: none;
}
/* Canvas: border-bottom via Pad */
.ipt_fsqm_container_jsignature .ipt_uif_jsignature_pad {
    border-bottom: 1px solid #000;
}
.ipt_fsqm_container_jsignature .ipt_uif_jsignature_pad canvas {
    border: none !important;
}

/* Canvas: initial unsichtbar, bei Interaktion sichtbar */
.ipt_fsqm_container_jsignature .ipt_uif_jsignature_pad canvas {
    border: none !important;
    opacity: 0;
    transition: none;
}
.ipt_fsqm_container_jsignature .ipt_uif_jsignature_pad canvas.sig-active {
    opacity: 1;
}

