/* YepCode forms - Light theme */

:root {
  --ycf-accent-color: #059ce2;
  --ycf-accent-color-darker: #0483be;
  --ycf-base-text-color: #495057;
  --ycf-light-text-color: #6c757d;
  --ycf-danger-color: #ef325f;
  --ycf-danger-color-lighten: #fff0f0;
  --ycf-danger-color-darker: #ed1245;
  --ycf-base-border-color: #ced4da;
  --ycf-base-x-spacing: 16px;

  --ycf-form-font-family: inherit;
  --ycf-form-font-family-monospace: "Consolas", monospace;

  --ycf-form-max-width: 720px;
  --ycf-form-background-color: #fbfbfb;
  --ycf-form-border-width: 1px;
  --ycf-form-border-color: var(--ycf-base-border-color);
  --ycf-form-border-radius: 1rem;
  --ycf-form-title-size: 1.25rem;
  --ycf-form-group-title-size: 1.125rem;
  --ycf-form-title-margin-bottom: 1.5rem;
  --ycf-form-group-title-border-color: var(--ycf-base-border-color);

  --ycf-link-color: var(--ycf-base-text-color);

  --ycf-field-text-color: var(--ycf-base-text-color);
  --ycf-field-placeholder-color: var(--ycf-light-text-color);
  --ycf-field-helper-text-color: var(--ycf-light-text-color);
  --ycf-field-background-color: #fff;
  --ycf-field-border-color: var(--ycf-base-border-color);
  --ycf-field-border-color-focus: var(--ycf-accent-color);
  --ycf-field-border-width: 1px;
  --ycf-field-border-radius: 0.375rem;
  --ycf-boolean-field-border-color: var(--ycf-field-border-color);
  --ycf-boolean-field-background-color: var(--ycf-field-background-color);
  --ycf-boolean-field-background-color-checked: var(--ycf-accent-color);
  --ycf-boolean-field-border-radius: 0.25rem;

  --ycf-button-border-radius: 0.5rem;

  --ycf-button-primary-text-color: #fff;
  --ycf-button-primary-background-color: var(--ycf-accent-color);
  --ycf-button-primary-background-color-hover: var(--ycf-accent-color-darker);
  --ycf-button-primary-background-color-disabled: var(--ycf-accent-color-darker);
  --ycf-button-primary-border-color: var(--ycf-accent-color);
  --ycf-button-primary-border-color-hover: var(--ycf-accent-color-darker);
  --ycf-button-primary-border-color-disabled: var(--ycf-accent-color-darker);
  --ycf-button-primary-focus-visible-color: var(--ycf-accent-color-darker);

  --ycf-button-danger-text-color: #fff;
  --ycf-button-danger-background-color: var(--ycf-danger-color);
  --ycf-button-danger-background-color-hover: var(--ycf-danger-color-darker);
  --ycf-button-danger-background-color-disabled: var(--ycf-danger-color);
  --ycf-button-danger-border-color: var(--ycf-danger-color);
  --ycf-button-danger-border-color-hover: var(--ycf-danger-color-darker);
  --ycf-button-danger-border-color-disabled: var(--ycf-danger-color);
  --ycf-button-danger-focus-visible-color: var(--ycf-danger-color-darker);

  --ycf-button-light-text-color: #212529;
  --ycf-button-light-background-color: #eaeaea;
  --ycf-button-light-background-color-hover: #dae0e5;
  --ycf-button-light-background-color-disabled: #eaeaea;
  --ycf-button-light-border-color: #eaeaea;
  --ycf-button-light-border-color-hover: #dae0e5;
  --ycf-button-light-border-color-disabled: #f3f3f3;
}

/* Mediolanum specific styles */

:root {
  --ycf-accent-color: #00a5db;
  --ycf-accent-color-darker: #0296c7;
  --ycf-base-text-color: #323d47;
  --ycf-light-text-color: #777;

  --ycf-form-max-width: 500px;
  --ycf-form-background-color: transparent;
  --ycf-form-border-width: 0;
  --ycf-form-border-radius: 0;

  --ycf-link-color: var(--ycf-accent-color);

  --ycf-field-text-color: rgba(50,61,71,0.85);
  --ycf-field-background-color: #f7f9fc;
  --ycf-field-border-radius: 0;
  --ycf-boolean-field-border-radius: 0;

  --ycf-button-border-radius: 0;
}

/* Wrapper */

.yepcode-form-wrapper {
  margin-inline: auto;
  text-align: initial;
}

.yepcode-form-wrapper > .yepcode-loading-overlay-root, .yepcode-form-wrapper > .yepcode-form-outer {
  padding: 0 !important;
}

/* Form */

.yepcode-form .form-label {
  font-weight: 600;
}

/* Buttons*/

.yepcode-form .btn:not(:disabled):not(.disabled) {
  width: 100%;
}

.yepcode-form .btn {
  box-shadow: none;
}

.yepcode-form button[type="submit"] {
  height: 42px;
}

/* Privacy */

.yepcode-form [id^='root_'][id$='policyInfo__description'] {
  border: 1px solid;
  padding: 1rem;
  font-size: 0.625rem;
  line-height: normal;
  color: var(--ycf-light-text-color);
}

/* Brand */

.yepcode-form-wrapper .powered-by-yepcode {
  height: 0;
}