.elementor-5186 .elementor-element.elementor-element-4505e66{--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-5186 .elementor-element.elementor-element-f2acaad{--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-5186 .elementor-element.elementor-element-f2acaad:not(.elementor-motion-effects-element-type-background), .elementor-5186 .elementor-element.elementor-element-f2acaad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1B4E8F 0%, #000000 100%);}.elementor-5186 .elementor-element.elementor-element-cfcae57{--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-5186 .elementor-element.elementor-element-f4f3ab1{--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-5186 .elementor-element.elementor-element-ca9615a > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-5186 .elementor-element.elementor-element-8f84e4e{--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-5186 .elementor-element.elementor-element-11d0816{--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-5186 .elementor-element.elementor-element-5422770 > .elementor-widget-container{margin:0px 0px -50px 0px;}.elementor-5186 .elementor-element.elementor-element-67be97f > .elementor-widget-container{margin:-50px 0px 0px 0px;}@media(min-width:768px){.elementor-5186 .elementor-element.elementor-element-cfcae57{--width:50%;}.elementor-5186 .elementor-element.elementor-element-f4f3ab1{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-ca9615a *//* ===================================================== */
/* FORMULAR WPFORMS — TEMĂ PE FUNDAL ALBASTRU (HERO CJO)  */
/* Fundal transparent: stă pe albastrul secțiunii.        */
/* Text alb lizibil, câmpuri albe pentru contrast.        */
/* ===================================================== */

/* ---------- VARIABILE DE CULOARE ---------- */
.wpforms-container {
  --ca-navy:        #0C2D52;   /* bleumarin fundal card */
  --ca-navy-2:      #143E73;   /* bleumarin deschis (gradient) */
  --ca-blue:        #1456B8;   /* albastru principal */
  --ca-blue-light:  #2E6FC7;   /* albastru accent */
  --ca-accent:      #7FD4FF;   /* bleu deschis — focus / progres */
  --ca-green:       #16A34A;   /* verde buton (acțiune) */
  --ca-green-dark:  #138A3E;
  --ca-ink:         #16263B;   /* text scris în câmpuri (pe alb) */
  --ca-border:      #E2E8F0;   /* contur câmpuri */
}

/* ---------- 1. CONTAINERUL (cardul formularului) ---------- */
.wpforms-container {
  max-width: 560px;            /* scoate linia dacă vrei lățime completă */
  margin-left: auto;
  margin-right: auto;
}
.wpforms-container .wpforms-form {
  background: transparent !important;   /* sta pe fundalul albastru al sectiunii */
  border: none !important;
  border-radius: 0 !important;
  padding: 24px 0 4px 0 !important;
  box-shadow: none !important;
}
/* titlul / descrierea formularului (dacă sunt afișate) */
.wpforms-container .wpforms-title       { color: #ffffff !important; }
.wpforms-container .wpforms-description { color: #C7D7E8 !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: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}
/* canalul (fundalul) barei */
.wpforms-container .wpforms-page-indicator-page-progress-wrap {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-radius: 999px !important;
  height: 9px !important;
  overflow: hidden !important;
  margin-top: 8px !important;
}
/* umplutura barei — bleu deschis, vizibil pe fundal închis */
.wpforms-container .wpforms-page-indicator-page-progress {
  background-color: var(--ca-accent) !important;
  background-image: linear-gradient(90deg, var(--ca-blue-light), var(--ca-accent)) !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;
  color: #D5E2F1 !important;
}
.wpforms-container .wpforms-field-html b,
.wpforms-container .wpforms-field-html strong { color: #ffffff !important; }
.wpforms-container .wpforms-field-html a       { color: var(--ca-accent) !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: #ffffff !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: #AEC2D8 !important;
  font-weight: 400 !important;
}
.wpforms-container .wpforms-required-label {
  color: #FF9A9A !important;
}
/* text opțiuni (bife / butoane radio) */
.wpforms-container .wpforms-field-radio label,
.wpforms-container .wpforms-field-checkbox label,
.wpforms-container .wpforms-field-payment-multiple label,
.wpforms-container .wpforms-field-payment-checkbox label {
  color: #EAF1FB !important;
}

/* ---------- 6. CÂMPURI (text, email, listă, textarea) ---------- */
/* Câmpurile rămân ALBE, ca textul scris să fie perfect lizibil */
.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: #ffffff !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 !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: #ffffff !important;
  color: var(--ca-ink) !important;
  font-size: 15px !important;
  box-shadow: none !important;
  transition: border-color .16s ease, box-shadow .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-accent) !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(127, 212, 255, 0.28) !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: #ffffff !important;
  min-height: 47px !important;
  padding: 8px 14px !important;
  font-size: 15px !important;
  color: var(--ca-ink) !important;
}
.wpforms-container .choices__list--single .choices__item { color: var(--ca-ink) !important; }
.wpforms-container .choices.is-focused .choices__inner,
.wpforms-container .choices.is-open .choices__inner {
  border-color: var(--ca-accent) !important;
  box-shadow: 0 0 0 4px rgba(127, 212, 255, 0.28) !important;
}
.wpforms-container .choices__list--dropdown {
  border: 1.5px solid var(--ca-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
.wpforms-container .choices__list--dropdown .choices__item { color: var(--ca-ink) !important; }

/* ---------- 10. BUTON PRINCIPAL (Pasul Următor / Trimite) ---------- */
/* Verde solid + opac + contur alb + bold — la fel de viu ca butonul din hero */
.wpforms-container .wpforms-form .wpforms-submit,
.wpforms-container .wpforms-form button.wpforms-page-next {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
  margin: 8px 0 0 0 !important;
  padding: 16px 28px !important;
  border: 2.5px solid #ffffff !important;        /* CONTUR ALB */
  border-radius: 12px !important;
  background: #16A34A !important;                /* VERDE SOLID, identic cu butonul din coloana 1 */
  background-image: none !important;             /* anulează orice gradient impus de temă */
  color: #ffffff !important;                     /* text alb crisp */
  opacity: 1 !important;                         /* anulează orice transparență (efectul "șters") */
  filter: none !important;
  font-size: 17px !important;
  font-weight: 800 !important;                   /* TEXT BOLD */
  letter-spacing: .3px !important;
  cursor: pointer !important;
  box-shadow: 0 12px 28px rgba(22, 163, 74, 0.50) !important;   /* glow verde — iese în evidență */
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}
.wpforms-container .wpforms-form .wpforms-submit:hover,
.wpforms-container .wpforms-form button.wpforms-page-next:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 36px rgba(22, 163, 74, 0.62) !important;
  filter: brightness(1.06) !important;
}
.wpforms-container .wpforms-form .wpforms-submit:active,
.wpforms-container .wpforms-form button.wpforms-page-next:active {
  transform: translateY(0) !important;
}

/* ---------- 11. BUTON SECUNDAR (Înapoi) — buton-fantomă ---------- */
.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 rgba(255, 255, 255, 0.34) !important;
  border-radius: 11px !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: border-color .16s ease, background-color .16s ease !important;
}
.wpforms-container button.wpforms-page-prev:hover {
  border-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.10) !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: #FF8080 !important;
  background-color: #FFF3F3 !important;
}
.wpforms-container label.wpforms-error {
  color: #FFB4B4 !important;
  font-size: 12.5px !important;
  margin-top: 5px !important;
}

/* ---------- 13. MESAJ DE CONFIRMARE (după trimitere) ---------- */
.wpforms-confirmation-container-full {
  background: #E4F6EA !important;
  border: 1px solid #16A34A !important;
  color: #0C3B22 !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
}

/* ---------- 14. SUMAR COMANDĂ / TOTAL (Order Summary) ---------- */
/* Tabelul cu Produs / Cantitate / Total + rândul Total final.    */
/* Pe fundal albastru, textul implicit e negru (ilizibil) — aici  */
/* îl facem alb și transformăm liniile tabelului în alb translucid.*/

/* eticheta câmpului Total */
.wpforms-container .wpforms-field-payment-total > .wpforms-field-label {
  color: #ffffff !important;
}

/* TOT textul din sumarul comenzii devine alb */
.wpforms-container .wpforms-field-payment-total,
.wpforms-container .wpforms-field-payment-total *,
.wpforms-container .wpforms-order-summary-container,
.wpforms-container .wpforms-order-summary-container *,
.wpforms-container .wpforms-order-summary-preview,
.wpforms-container .wpforms-order-summary-preview *,
.wpforms-container .wpforms-payment-total {
  color: #ffffff !important;
}

/* containerul tabelului — colțuri rotunjite, contur deschis */
.wpforms-container .wpforms-order-summary-container {
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

/* tabelul în sine */
.wpforms-container .wpforms-order-summary-preview {
  width: 100% !important;
  border-collapse: collapse !important;
  background: transparent !important;
  margin: 0 !important;
}

/* celule — antet + rânduri */
.wpforms-container .wpforms-order-summary-preview th,
.wpforms-container .wpforms-order-summary-preview td {
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  padding: 11px 14px !important;
  text-align: left !important;
  font-size: 14px !important;
}

/* aliniere coloane (Cantitate la centru, Total la dreapta) */
.wpforms-container .wpforms-order-summary-item-quantity {
  text-align: center !important;
}
.wpforms-container .wpforms-order-summary-item-price {
  text-align: right !important;
  white-space: nowrap !important;
}

/* rândul de antet (Produs / Cantitate / Total) */
.wpforms-container .wpforms-order-summary-preview thead th,
.wpforms-container tr.wpforms-order-summary-preview-header th {
  background: rgba(255, 255, 255, 0.10) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

/* rândurile cu produse */
.wpforms-container tr.wpforms-order-summary-item td {
  color: #EAF1FB !important;
}

/* rândul TOTAL final — alb, bold, evidențiat */
.wpforms-container .wpforms-order-summary-preview tfoot td,
.wpforms-container tr.wpforms-order-summary-preview-total td {
  background: rgba(127, 212, 255, 0.14) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 15.5px !important;
  border-top: 1.5px solid rgba(255, 255, 255, 0.32) !important;
}

/* varianta clasică de câmp Total (fără tabel) */
.wpforms-container .wpforms-payment-total {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* ---------- 15. CÂMPURI DE PLATĂ — PREȚ AFIȘAT ---------- */
/* La câmpul Single Item (și celelalte câmpuri de plată)      */
/* prețul ("Price: 149.00 lei") apărea cu negru. Îl facem alb.*/
/* Inputurile rămân albe cu text închis (secțiunea 6).        */

.wpforms-container .wpforms-field-payment-single,
.wpforms-container .wpforms-field-payment-multiple,
.wpforms-container .wpforms-field-payment-checkbox,
.wpforms-container .wpforms-field-payment-select,
.wpforms-container .wpforms-field-payment-hidden {
  color: #ffffff !important;
}

/* elementele care afișează explicit prețul */
.wpforms-container .wpforms-single-item-price,
.wpforms-container .wpforms-single-item-price *,
.wpforms-container .wpforms-payment-price,
.wpforms-container span.wpforms-price,
.wpforms-container .wpforms-field-payment-single .amount {
  color: #ffffff !important;
}

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