.elementor-2612 .elementor-element.elementor-element-48ddbc9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2612 .elementor-element.elementor-element-1a2fe72{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2612 .elementor-element.elementor-element-3522086{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2612 .elementor-element.elementor-element-bc2e774 > .elementor-widget-container{border-style:solid;}.elementor-2612 .elementor-element.elementor-element-bc2e774:hover .elementor-widget-container{border-style:double;}.elementor-2612 .elementor-element.elementor-element-97d5fd2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2612 .elementor-element.elementor-element-91c9e4f{width:100%;max-width:100%;}.elementor-2612 .elementor-element.elementor-element-6d9e551{width:100%;max-width:100%;}.elementor-2612 .elementor-element.elementor-element-d5db99e{width:100%;max-width:100%;}.elementor-2612 .elementor-element.elementor-element-1b26374{width:100%;max-width:100%;}.elementor-2612 .elementor-element.elementor-element-be3a0bc{width:100%;max-width:100%;}.elementor-2612 .elementor-element.elementor-element-32ed06d{width:100%;max-width:100%;}.elementor-2612 .elementor-element.elementor-element-64107d2{width:100%;max-width:100%;}.elementor-2612 .elementor-element.elementor-element-cf802cc{width:100%;max-width:100%;}.elementor-2612 .elementor-element.elementor-element-6708e0a{width:100%;max-width:100%;}.elementor-2612 .elementor-element.elementor-element-f6f1b0f{width:100%;max-width:100%;}.elementor-2612 .elementor-element.elementor-element-2e6b1b4{width:100%;max-width:100%;}.elementor-2612 .elementor-element.elementor-element-299396f{width:100%;max-width:100%;}@media(min-width:768px){.elementor-2612 .elementor-element.elementor-element-1a2fe72{--width:50%;}.elementor-2612 .elementor-element.elementor-element-3522086{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-bc2e774 *//* =============================================================
   CAZIER AUTO ONLINE — Stil personalizat pentru formularul WPForms
   -------------------------------------------------------------
   UNDE SE LIPEȘTE:
   WPForms → editezi formularul → panoul cu teme → câmpul "Custom CSS"
   (același loc de unde ai copiat setările temei).
   Alternativ: Aspect → Personalizare → CSS suplimentar.

   Tot codul e prefixat cu .wpforms-container, deci e sigur de pus
   oriunde. Pentru a-l limita STRICT la acest formular, înlocuiește
   peste tot ".wpforms-container" cu "#wpforms-ID" (ID-ul îl vezi în
   sursa paginii: <div id="wpforms-1234" ...>).

   CULORI: schimbă-le o singură dată, mai jos, în secțiunea VARIABILE.
   ============================================================= */

/* ---------- VARIABILE DE CULOARE ---------- */
.wpforms-container {
  --ca-blue:        #13407e;   /* albastru principal */
  --ca-blue-light:  #2e6fc7;   /* albastru accent / focus */
  --ca-green:       #1f9d57;   /* verde buton (acțiune) */
  --ca-green-dark:  #178045;
  --ca-ink:         #1b2a41;   /* text câmpuri */
  --ca-border:      #dce3ee;   /* contur câmpuri */
}

/* ---------- 1. CONTAINERUL (cardul formularului) ---------- */
.wpforms-container {
  max-width: 560px;            /* scoate această linie dacă vrei lățime completă */
  margin-left: auto;
  margin-right: auto;
}
.wpforms-container .wpforms-form {
  background: #ffffff !important;
  border: 1px solid #e7ecf3 !important;
  border-radius: 18px !important;
  padding: 30px 30px 32px !important;
  box-shadow: 0 18px 48px rgba(19, 64, 126, 0.12) !important;
}

/* ---------- 2. BARA DE PROGRES (Pasul 1 din 3) ---------- */
.wpforms-container .wpforms-page-indicator {
  margin-bottom: 22px !important;
  padding-bottom: 0 !important;
  border: none !important;
}
.wpforms-container .wpforms-page-indicator-page-title,
.wpforms-container .wpforms-page-indicator-steps {
  color: var(--ca-blue) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}
/* canalul (fundalul) barei */
.wpforms-container .wpforms-page-indicator-page-progress-wrap {
  background-color: #e9edf3 !important;
  border-radius: 999px !important;
  height: 9px !important;
  overflow: hidden !important;
  margin-top: 8px !important;
}
/* umplutura barei */
.wpforms-container .wpforms-page-indicator-page-progress {
  background-color: var(--ca-blue) !important;
  background-image: linear-gradient(90deg, var(--ca-blue-light), var(--ca-blue)) !important;
  border-radius: 999px !important;
  height: 9px !important;
  transition: width .35s ease !important;
}

/* ---------- 3. TEXT / CONȚINUT HTML (note, rating) ---------- */
.wpforms-container .wpforms-field-html {
  padding-bottom: 14px !important;
  line-height: 1.55 !important;
}

/* ---------- 4. SPAȚIERE ÎNTRE CÂMPURI ---------- */
.wpforms-container div.wpforms-field {
  padding: 0 0 18px 0 !important;
}

/* ---------- 5. ETICHETE ---------- */
.wpforms-container .wpforms-field-label {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #16243b !important;
  margin-bottom: 7px !important;
  line-height: 1.4 !important;
}
.wpforms-container .wpforms-field-sublabel,
.wpforms-container .wpforms-field-description {
  font-size: 12.5px !important;
  color: #6c7a8d !important;
  font-weight: 400 !important;
}
.wpforms-container .wpforms-required-label {
  color: #e23b3b !important;
}

/* ---------- 6. CÂMPURI (text, email, listă, textarea) ---------- */
.wpforms-container .wpforms-field input[type=text],
.wpforms-container .wpforms-field input[type=email],
.wpforms-container .wpforms-field input[type=url],
.wpforms-container .wpforms-field input[type=number],
.wpforms-container .wpforms-field textarea,
.wpforms-container .wpforms-field select {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1.5px solid var(--ca-border) !important;
  border-radius: 10px !important;
  background-color: #fbfcfe !important;
  color: var(--ca-ink) !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}
.wpforms-container .wpforms-field textarea {
  min-height: 92px !important;
}

/* ---------- 7. CÂMPUL DE TELEFON (cu steag) ---------- */
/* Nu atingem padding-stânga, ca textul să nu se suprapună peste steag */
.wpforms-container .wpforms-field-phone .iti {
  width: 100% !important;
  display: block !important;
}
.wpforms-container .wpforms-field input[type=tel] {
  width: 100% !important;
  padding-block: 12px !important;
  padding-right: 14px !important;
  border: 1.5px solid var(--ca-border) !important;
  border-radius: 10px !important;
  background-color: #fbfcfe !important;
  color: var(--ca-ink) !important;
  font-size: 15px !important;
  box-shadow: none !important;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

/* ---------- 8. STARE DE FOCUS (când dai click în câmp) ---------- */
.wpforms-container .wpforms-field input:focus,
.wpforms-container .wpforms-field textarea:focus,
.wpforms-container .wpforms-field select:focus {
  border-color: var(--ca-blue-light) !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(46, 111, 199, 0.14) !important;
  outline: none !important;
}
.wpforms-container .wpforms-field input::placeholder,
.wpforms-container .wpforms-field textarea::placeholder {
  color: #9aa6b6 !important;
  opacity: 1 !important;
}

/* ---------- 9. LISTĂ DERULANTĂ MODERNĂ (dacă e activată) ---------- */
.wpforms-container .choices__inner {
  border: 1.5px solid var(--ca-border) !important;
  border-radius: 10px !important;
  background-color: #fbfcfe !important;
  min-height: 47px !important;
  padding: 8px 14px !important;
  font-size: 15px !important;
}
.wpforms-container .choices.is-focused .choices__inner,
.wpforms-container .choices.is-open .choices__inner {
  border-color: var(--ca-blue-light) !important;
  box-shadow: 0 0 0 4px rgba(46, 111, 199, 0.14) !important;
}
.wpforms-container .choices__list--dropdown {
  border: 1.5px solid var(--ca-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* ---------- 10. BUTON PRINCIPAL (Continuă / Trimite) ---------- */
.wpforms-container .wpforms-submit,
.wpforms-container button.wpforms-page-next {
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin: 6px 0 0 0 !important;
  padding: 15px 28px !important;
  border: none !important;
  border-radius: 11px !important;
  background-color: var(--ca-green) !important;
  background-image: linear-gradient(180deg, #25b063, var(--ca-green-dark)) !important;
  color: #ffffff !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
  cursor: pointer !important;
  box-shadow: 0 10px 22px rgba(31, 157, 87, 0.30) !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}
.wpforms-container .wpforms-submit:hover,
.wpforms-container button.wpforms-page-next:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(31, 157, 87, 0.42) !important;
  filter: brightness(1.03) !important;
}
.wpforms-container .wpforms-submit:active,
.wpforms-container button.wpforms-page-next:active {
  transform: translateY(0) !important;
}

/* ---------- 11. BUTON SECUNDAR (Înapoi) ---------- */
.wpforms-container button.wpforms-page-prev {
  display: inline-block !important;
  float: none !important;
  width: auto !important;
  margin: 0 0 10px 0 !important;
  padding: 11px 22px !important;
  border: 1.5px solid #d3dbe6 !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: var(--ca-blue) !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: border-color .16s ease, color .16s ease !important;
}
.wpforms-container button.wpforms-page-prev:hover {
  border-color: var(--ca-blue-light) !important;
  color: var(--ca-blue-light) !important;
}

/* ---------- 12. MESAJE DE EROARE ---------- */
.wpforms-container .wpforms-field input.wpforms-error,
.wpforms-container .wpforms-field textarea.wpforms-error,
.wpforms-container .wpforms-field select.wpforms-error {
  border-color: #e23b3b !important;
  background-color: #fef6f6 !important;
}
.wpforms-container label.wpforms-error {
  color: #e23b3b !important;
  font-size: 12.5px !important;
  margin-top: 5px !important;
}

/* ---------- 13. RESPONSIVE (telefon) ---------- */
@media (max-width: 600px) {
  .wpforms-container .wpforms-form {
    padding: 22px 18px 24px !important;
    border-radius: 14px !important;
  }
  .wpforms-container .wpforms-submit,
  .wpforms-container button.wpforms-page-next {
    font-size: 16px !important;
    padding: 14px 22px !important;
  }
}/* End custom CSS */