/* ==========================================================================
   Pagini formulare: contact, contact-conf, cererea ta, oferta ta, cariere,
   Consultanta credit. Completari mici peste style.css / custom.css.
   ========================================================================== */

/* harta Leaflet full-width pe pagina de contact (in locul iframe-ului Google) */
.contact-map .map-box { height: 480px; border-radius: 0; border: 0; border-top: 1px solid var(--color-line); }
@media (max-width: 900px) { .contact-map .map-box { height: 360px; } }

/* captcha + consimtamant in formularul de contact (flex column) */
.contact-form .captcha-row input { max-width: 200px; }
.contact-form .consent { margin-top: 4px; }
.contact-form .alert { margin-bottom: 4px; }
.contact-info__value--multi { display: flex; flex-direction: column; gap: 2px; }
.contact-info__socials a i { font-size: 13px; }

/* card formular lat, centrat (cererea ta / oferta ta) */
.form-card--narrow { max-width: 980px; margin: 0 auto; }
.form-card .alert { margin-bottom: 22px; }
.form-grid .fieldset-title:first-child { margin-top: 0; }
.form-field input[type="file"] { padding: 10px 12px; background: var(--color-bg); cursor: pointer; }
.form-field input[type="file"]::file-selector-button {
    font-family: var(--font-body); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em;
    padding: 7px 12px; margin-right: 10px; border: 0; border-radius: 999px; background: var(--color-ink); color: var(--color-white); cursor: pointer;
}
.form-field .field-hint { font-size: 12px; color: var(--color-text-soft); text-transform: none; letter-spacing: 0; font-weight: 400; }
.form-field label .req { color: var(--color-accent); }

/* cariere: lista beneficii in coloana stanga */
.career-list { list-style: none; margin: 0 0 28px; padding: 0; display: grid; gap: 12px; }
.career-list li { display: flex; gap: 12px; align-items: flex-start; font-size: 14.5px; line-height: 1.55; color: var(--color-ink); }
.career-list li i { color: var(--color-accent); margin-top: 4px; flex-shrink: 0; }
.contact-info .page-prose { margin-bottom: 28px; }

/* confirmare */
.confirm-box { max-width: 720px; margin: 0 auto; text-align: center; }
.confirm-box__icon { width: 84px; height: 84px; border-radius: 50%; margin: 0 auto 22px; display: flex; align-items: center; justify-content: center; font-size: 36px; background: rgba(16, 185, 129, 0.12); color: #0b6b4a; }
.confirm-box h2 { font-family: var(--font-head); font-size: clamp(26px, 3vw, 36px); font-weight: 500; margin: 0 0 12px; }
.confirm-box p { color: var(--color-text-soft); font-size: 15px; line-height: 1.65; margin: 0 0 26px; }
.confirm-box .btn-row { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }

/* Consultanta credit: avantaje */
.credit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 36px 0 10px; }
.credit-card { background: var(--color-bg); border: 1px solid var(--color-line); border-radius: 18px; padding: 28px 26px; }
.credit-card__icon { width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: rgba(229, 122, 38, 0.12); color: var(--color-accent); font-size: 20px; margin-bottom: 16px; }
.credit-card h3 { font-size: 18px; font-weight: 700; margin: 0 0 8px; }
.credit-card p { font-size: 14px; line-height: 1.6; color: var(--color-text-soft); margin: 0; }
@media (max-width: 900px) { .credit-grid { grid-template-columns: 1fr; } }