/* -------------------------------- 
FORMS & INPUTS
-------------------------------- */
.hs-form-html {
  margin-top: 0;
}
.formsection {
  --margin:-200px;
  border-radius: var(--radiusBase);
  padding: var(--wp--preset--spacing--m-xl);
  margin-bottom: var(--margin);
  position: relative;
  z-index: 3;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
}

.formgrid {
  display: grid;
  gap: var(--wp--preset--spacing--xs);
  grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
  grid-auto-flow: dense;
}

.autocita { grid-column: 1/-1; }
 
 
.form-column  {grid-column: span 7; grid-row:span 2; }  
.form-text    {grid-column: span 5; grid-row:span 1; }  
.form-offices {grid-column: span 5; grid-row:span 1; }


@media only screen and (max-width:820px) {
  .formsection {
     --margin:-100px;
  }

  .form-column,
  .form-text,
  .form-offices { grid-column: span 1; grid-row:unset;}
  .form-text    {grid-column: span 1; order:-1 }  
 
}


@media only screen and (max-width:620px) {
  .formsection { width: 100%; }
}

@media only screen and (max-width:570px) {
  .autocita { grid-column: span 1; }
}
 

[data-hsfc-id=Renderer] .hsfc-TextInput {
    margin: 0;
     
 
    border-color: var(--hsf-field-input__border-color, var(--hsf-default-field-input__border-color));
    border-style: var(--hsf-field-input__border-style, var(--hsf-default-field-input__border-style));
    border-radius: var(--hsf-field-input__border-radius, var(--hsf-default-field-input__border-radius));
    padding: var(--hsf-field-input__padding, var(--hsf-default-field-input__padding));
    font-size: var(--hsf-field-input__font-size, var(--hsf-global__font-size, var(--hsf-default-field-input__font-size)));
    width: 100%;
    box-sizing: border-box;
    transition: box-shadow .2s ease;
}

[data-hsfc-id=Renderer] .hsfc-Form {

    --hsf-global__font-family:var(--wp--preset--font-family--header);
    /* SPACING */
    --hsf-module__vertical-spacing: var(--wp--preset--spacing--3-xs);
    --hsf-row__horizontal-spacing:  var(--wp--preset--spacing--s);
    --hsf-row__vertical-spacing:    var(--wp--preset--spacing--xs);
    --hsf-default-background__padding: 0px;
    /* LABEL */
/*    --hsf-default-field-label__font-family: var(--wp--preset--font-family--header);*/
    --hsf-field-label__font-size: var(--wp--preset--font-size--xs);
    --hsf-field-label__color: var(--wp--preset--color--darkgrey);
    
    /* INPUTS */
/*    --hsf-field-input__font-family: var(--wp--preset--font-family--header);*/
    --hsf-field-input__color:var(--wp--preset--color--contrast);
    --hsf-field-input__background-color: white;
    --hsf-field-input__border-color:var(--wp--preset--color--grey);
    --hsf-field-input__border-width:2px;
    --hsf-field-input__border-radius:0px;
    
    /* ERROR */
    --hsf-erroralert__font-size:var(--wp--preset--font-size--xs); 
    --hsf-erroralert__color: #f00; 

    --hsf-richtext__font-family: var(--wp--preset--font-family--body);
    --hsf-richtext__font-size:var(--wp--preset--font-size--xs); 
    --hsf-richtext__color: var(--wp--preset--color--contrast);

    --hsf-field-checkbox__border-color: var(--wp--preset--color--darkgrey);
}

[data-hsfc-id=Renderer] .hsfc-TextInput:hover,
[data-hsfc-id=Renderer] .hsfc-TextInput:focus {
  --hsf-field-input__border-color: var(--wp--preset--color--contrast);
    box-shadow: 0 0 3px var(--hsf-field-input__border-color, var(--hsf-default-field-input__border-color));
}

.hsfc-CheckboxField {
  --hsf-field-label__color: var(--wp--preset--color--contrast);
  font-weight: 600;
}

[data-hsfc-id=Renderer] .hsfc-FieldLabel {
  cursor: pointer;
} 

[data-hsfc-id=Renderer] .hsfc-CheckboxInput {
    width: 20px;
} 
[data-hsfc-id=Renderer] .hsfc-CheckboxInput:checked:after {
    mask-size: 10px;
} 

[data-hsfc-id=Renderer] .hsfc-CheckboxInput:hover,
[data-hsfc-id=Renderer] .hsfc-CheckboxInput:checked {
    --hsf-field-checkbox__border-color: var(--wp--preset--color--contrast);
}
.form-group input:required:placeholder-shown {
    border:2px solid var(--inputBorder);

}

[data-hsfc-id=Renderer] .hsfc-DataPrivacyField>*:not(:first-child) .hsfc-RichText {
  margin-top: -14px;
  padding-left: 28px;
} 



[data-hsfc-id=Renderer] .hsfc-TextInput[aria-invalid="true"] {
  --hsf-field-input__border-color:red;
    background-color: pink!important;
    color: red;
}

[data-hsfc-id=Renderer] .hsfc-Form select[aria-invalid="false"]:not(:placeholder-shown),
[data-hsfc-id=Renderer] .hsfc-Form textarea[aria-invalid="false"]:not(:placeholder-shown),
[data-hsfc-id=Renderer] .hsfc-Form input[aria-invalid="false"]:not(:placeholder-shown) {
/*    background-color: var(--wp--preset--color--lightgrey)!important;*/
    box-shadow: var(--wp--preset--shadow--shadow-3);
 }

 
 

 
[data-hsfc-id=Renderer] .hsfc-Form {
/*  background: var(--wp--preset--color--lightgrey)!important;*/
  padding: var(--wp--preset--spacing--s-m)!important;
  border:1px solid var(--wp--preset--color--grey)!important;
  border-radius: var(--radiusBase);
}
 

[data-hsfc-id=Renderer] .hsfc-Button {
  --hsf-button__font-family: var(--wp--preset--font-family--header);
  --hsf-button__color: white;
  --hsf-button__background-color: color-mix(in oklab, var(--wp--preset--color--contrast) 75%, transparent);
  --hsf-button__border-radius: 0px;
  --hsf-button__padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--l);
  --hsf-button__width: 100%;

  --hsf-button--hover__background-color:var(--wp--preset--color--contrast);
  --hsf-button--hover__color:white;
  --hsf-button--hover__border-color:unset;
}

[data-hsfc-id=Renderer] .hsfc-Button:not([disabled]):hover {
    transform: translateY(0px)!important;
}

 

[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
  display: flex;
  flex-direction: column;
}


[data-hsfc-id=Renderer] .hsfc-Row:has(.hsfc-ReCaptchaV2) {
  order: 12;
}

[data-hsfc-id=Renderer] .hsfc-NavigationRow {
    display: flex;
    flex-direction: column-reverse;
    margin-top:0!important;
}

.hsfc-CheckboxField .hsfc-ErrorAlert {
  padding-left: 28px;
}