/* ==========================================================================
   Pagini formulare (tema site-agentie-07): contact, contact-conf, cererea ta,
   oferta ta, adauga-oferta_trimite, contul meu. Completari mici peste
   style.css / custom.css (nu se modifica fisierele comune).
   ========================================================================== */

/* ---------- Contact: harta Leaflet in coloana stanga (in locul iframe-ului) ---------- */
.contact-split__map .map-box { height: 100%; min-height: 480px; border: 0; border-radius: 0; }
@media (max-width: 900px) { .contact-split__map .map-box { min-height: 360px; } }

/* ---------- Contact: etichete peste inputurile temei (tema folosea doar placeholder) ---------- */
.contact-split__label {
    display: block;
    margin-bottom: 6px;
    font-family: var(--font-head);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-soft);
}
.contact-split__form .captcha-row input { max-width: 200px; }
.contact-split__form .captcha-img { border-radius: 0; }
.contact-split__form-wrap .alert { margin: 0; }
.contact-split__form { display: flex; flex-direction: column; gap: 20px; }
.contact-split__form #error-container:empty, .contact-split__form #message-container:empty { display: none; }

/* ---------- Card formular lat, centrat (cererea ta / oferta ta / contul meu) ---------- */
.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; }
.req { color: var(--color-accent); }
.form-card + .form-card { margin-top: 32px; }

/* ---------- Confirmare (contact-conf, adauga-oferta_trimite) ---------- */
.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(var(--rgb-sapphire), 0.10); color: var(--color-sapphire); }
.confirm-box h2 { font-family: var(--font-head); font-size: clamp(24px, 3vw, 34px); font-weight: 600; 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 p a { color: var(--color-sapphire); font-weight: 600; }
.confirm-box .alert { text-align: left; }
.confirm-box .btn-row { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }

/* ---------- Contul meu ---------- */
.account-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 28px; }
.account-avatar { display: flex; align-items: center; gap: 18px; grid-column: 1 / -1; margin-bottom: 6px; }
.account-avatar__img { width: 84px; height: 84px; border-radius: 50%; object-fit: cover; border: 1px solid var(--color-line); background: var(--color-near-white); }