.elementor-4059 .elementor-element.elementor-element-d76f445{--display:flex;--padding-top:7vw;--padding-bottom:8vw;--padding-left:2vw;--padding-right:2vw;}.elementor-4059 .elementor-element.elementor-element-d76f445:not(.elementor-motion-effects-element-type-background), .elementor-4059 .elementor-element.elementor-element-d76f445 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://valentinaborsi.it/wp-content/uploads/2024/04/Chi-e-cosa-fa-il-consulente-del-lavoro-e1712933446306.png");background-position:center center;background-size:cover;}.elementor-4059 .elementor-element.elementor-element-1185ec8{--display:flex;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-4059 .elementor-element.elementor-element-1185ec8:not(.elementor-motion-effects-element-type-background), .elementor-4059 .elementor-element.elementor-element-1185ec8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFE8;}@media(max-width:767px){.elementor-4059 .elementor-element.elementor-element-d76f445{--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-4059 .elementor-element.elementor-element-1185ec8{--border-radius:0px 0px 0px 0px;--padding-top:10vw;--padding-bottom:20vw;--padding-left:5vw;--padding-right:5vw;}}/* Start custom CSS for container, class: .elementor-element-1185ec8 *//* =====================================================
   Gravity Forms – Restyling moderno campi
   valentinaborsi.it
   ===================================================== */

:root {
  --vb-blue:   #1a3a5c;
  --vb-gold:   #c8a96e;
  --vb-border: #c8c3bb;
  --vb-radius: 8px;
  --vb-ease:   0.15s ease;
}

/* ════ CAMPO – più spazio verticale ════ */
.gform_wrapper .gfield {
  margin-bottom: 2rem !important;
}

/* ════ LABEL – più grande e leggibile ════ */
.gform_wrapper .gfield_label {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: var(--vb-blue) !important;
  margin-bottom: 10px !important;
  display: block !important;
}

.gform_wrapper .gfield_required {
  color: var(--vb-gold) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}

/* ════ INPUT, SELECT, TEXTAREA ════ */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="date"],
.gform_wrapper input[type="password"],
.gform_wrapper select,
.gform_wrapper textarea {
  border: none !important;
  border-bottom: 2px solid var(--vb-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 14px 4px !important;        /* più alto */
  font-size: 1rem !important;          /* più grande */
  color: #1e1e1e !important;
  box-shadow: none !important;
  transition: border-color var(--vb-ease) !important;
  outline: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  line-height: 1.4 !important;
}

.gform_wrapper input:not(:focus):hover,
.gform_wrapper select:not(:focus):hover,
.gform_wrapper textarea:not(:focus):hover {
  border-bottom-color: #999 !important;
}

.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
  border-bottom-color: var(--vb-blue) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Select freccia */
.gform_wrapper select {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231a3a5c' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 6px center !important;
  padding-right: 30px !important;
  cursor: pointer !important;
}

.gform_wrapper textarea {
  border: none !important;
  border-bottom: 2px solid var(--vb-border) !important;
  border-radius: 0 !important;
  resize: vertical !important;
  min-height: 110px !important;
}

.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
  color: #bbb !important;
  font-style: normal !important;
}

/* ════ RADIO – pill ════ */
.gform_wrapper .gfield_radio {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.gform_wrapper .gfield_radio li {
  margin: 0 !important;
}

.gform_wrapper .gfield_radio input[type="radio"] {
  display: none !important;
}

.gform_wrapper .gfield_radio li label {
  display: inline-flex !important;
  align-items: center !important;
  border: 1.5px solid var(--vb-border) !important;
  border-radius: 30px !important;
  padding: 9px 22px !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #666 !important;
  cursor: pointer !important;
  background: transparent !important;
  transition: border-color var(--vb-ease), background var(--vb-ease), color var(--vb-ease) !important;
  user-select: none !important;
}

.gform_wrapper .gfield_radio li label:hover {
  border-color: var(--vb-blue) !important;
  color: var(--vb-blue) !important;
}

.gform_wrapper .gfield_radio input[type="radio"]:checked + label {
  background: var(--vb-blue) !important;
  border-color: var(--vb-blue) !important;
  color: #fff !important;
}

/* ════ BOTTONE ════ */
.gform_wrapper input[type="submit"],
.gform_wrapper button[type="submit"],
.gform_wrapper .gform_next_button,
.gform_wrapper input.gform_next_button {
  background: var(--vb-blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--vb-radius) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 14px 36px !important;
  cursor: pointer !important;
  transition: background var(--vb-ease), box-shadow var(--vb-ease), transform var(--vb-ease) !important;
  box-shadow: 0 2px 10px rgba(26,58,92,0.22) !important;
  margin-top: 0.5rem !important;
}

.gform_wrapper input[type="submit"]:hover,
.gform_wrapper button[type="submit"]:hover,
.gform_wrapper .gform_next_button:hover,
.gform_wrapper input.gform_next_button:hover {
  background: #24527f !important;
  box-shadow: 0 4px 16px rgba(26,58,92,0.3) !important;
  transform: translateY(-1px) !important;
}

.gform_wrapper input[type="submit"]:active,
.gform_wrapper .gform_next_button:active {
  transform: translateY(0) !important;
}

.gform_wrapper .gform_prev_button,
.gform_wrapper input.gform_prev_button {
  background: transparent !important;
  color: var(--vb-blue) !important;
  border: 1.5px solid var(--vb-blue) !important;
  border-radius: var(--vb-radius) !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  padding: 13px 26px !important;
  cursor: pointer !important;
  transition: background var(--vb-ease) !important;
  margin-top: 0.5rem !important;
}

.gform_wrapper .gform_prev_button:hover,
.gform_wrapper input.gform_prev_button:hover {
  background: rgba(26,58,92,0.06) !important;
}

/* ════ PROGRESS BAR ════ */
.gform_wrapper .gf_progressbar {
  border-radius: 20px !important;
  height: 6px !important;
  background: #e5e0d8 !important;
  overflow: hidden !important;
}

.gform_wrapper .gf_progressbar_percentage {
  background: linear-gradient(90deg, var(--vb-blue) 0%, var(--vb-gold) 100%) !important;
  height: 100% !important;
  border-radius: 20px !important;
  transition: width 0.4s ease !important;
}

/* ════ DESCRIZIONE CAMPO ════ */
.gform_wrapper .gfield_description:not(.validation_message) {
  font-size: 0.82rem !important;
  color: #888 !important;
  margin-top: 6px !important;
  line-height: 1.5 !important;
}

/* ════ ERRORI ════ */
.gform_wrapper .gfield.gfield_error input,
.gform_wrapper .gfield.gfield_error select,
.gform_wrapper .gfield.gfield_error textarea {
  border-bottom-color: #a83232 !important;
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
  font-size: 0.8rem !important;
  color: #a83232 !important;
  margin-top: 5px !important;
}

/* ════════════════════════════════════
   MOBILE – tutto sotto 768px
════════════════════════════════════ */
@media (max-width: 768px) {

  /* ── Messaggio errore globale ── */
  .gform_wrapper .gform_validation_errors,
  .gform_wrapper .validation_error {
    font-size: 0.85rem !important;
    padding: 12px 14px !important;
    border-radius: 6px !important;
    margin-bottom: 1.2rem !important;
  }

  /* ── Colonne: forza tutto su una colonna ── */
  /* Gravity Forms usa un sistema a colonne con classi variabili */
  .gform_wrapper .gform_fields,
  .gform_wrapper ul.gform_fields {
    display: block !important;
  }

  .gform_wrapper .gfield,
  .gform_wrapper li.gfield {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    margin-bottom: 1.5rem !important;
  }

  /* Gravity Forms "half" columns */
  .gform_wrapper .gf_left_half,
  .gform_wrapper .gf_right_half,
  .gform_wrapper .gf_left_third,
  .gform_wrapper .gf_middle_third,
  .gform_wrapper .gf_right_third {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    padding: 0 !important;
  }

  /* Gravity Forms CSS Grid (versione moderna) */
  .gform_wrapper .gform-grid-row {
    display: block !important;
  }

  .gform_wrapper [class*="gform-grid-col"] {
    width: 100% !important;
    max-width: 100% !important;
    grid-column: span 12 !important;
  }

  /* ── Input: 16px evita zoom iOS, padding generoso ── */
  .gform_wrapper input[type="text"],
  .gform_wrapper input[type="email"],
  .gform_wrapper input[type="tel"],
  .gform_wrapper input[type="number"],
  .gform_wrapper input[type="url"],
  .gform_wrapper input[type="date"],
  .gform_wrapper input[type="password"],
  .gform_wrapper select,
  .gform_wrapper textarea {
    font-size: 16px !important;
    padding: 12px 4px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Placeholder: dimensione esplicita, troncamento se serve */
  .gform_wrapper input::placeholder,
  .gform_wrapper textarea::placeholder {
    font-size: 14px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* ── Label: no a capo forzato tra testo e (OBBLIGATORIO) ── */
  .gform_wrapper .gfield_label {
    font-size: 0.7rem !important;
    letter-spacing: 0.05em !important;
    white-space: normal !important;
    line-height: 1.4 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 4px !important;
    margin-bottom: 8px !important;
  }

  .gform_wrapper .gfield_required {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  /* ── Campo numero: larghezza piena ── */
  .gform_wrapper .ginput_container_number {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* ── Radio pill: colonna singola, touch-friendly ── */
  .gform_wrapper .gfield_radio {
    flex-direction: column !important;
    gap: 8px !important;
  }

  .gform_wrapper .gfield_radio li {
    width: 100% !important;
    margin: 0 !important;
  }

  .gform_wrapper .gfield_radio li label {
    width: 100% !important;
    justify-content: center !important;
    padding: 12px 16px !important;
    font-size: 0.95rem !important;
    min-height: 44px !important; /* area tap minima Apple HIG */
  }

  /* ── Select: altezza tap adeguata ── */
  .gform_wrapper select {
    min-height: 44px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  /* ── Bottoni: larghezza piena, impilati ── */
  .gform_wrapper .gform_footer,
  .gform_wrapper .gform_page_footer {
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 1rem !important;
  }

  .gform_wrapper input[type="submit"],
  .gform_wrapper button[type="submit"],
  .gform_wrapper .gform_next_button,
  .gform_wrapper input.gform_next_button {
    width: 100% !important;
    padding: 15px 20px !important;
    font-size: 0.9rem !important;
    min-height: 48px !important;
  }

  .gform_wrapper .gform_prev_button,
  .gform_wrapper input.gform_prev_button {
    width: 100% !important;
    padding: 14px 20px !important;
    font-size: 0.9rem !important;
    min-height: 48px !important;
  }

  /* ── Descrizione campo ── */
  .gform_wrapper .gfield_description:not(.validation_message) {
    font-size: 0.78rem !important;
  }

  /* ── Messaggio validazione campo ── */
  .gform_wrapper .gfield_validation_message,
  .gform_wrapper .validation_message {
    font-size: 0.78rem !important;
  }
}/* End custom CSS */
/* Start custom CSS */.addtoany_share_save_container,
.addtoany_content,
.addtoany_content_top {
    display: none !important;
}/* End custom CSS */