/* =========================================================================
   contact.css — formular „Cere ofertă" + layout pagină de contact.
   Se încarcă DOAR pe pagina de contact, condiționat din inc/enqueue.php.
   ========================================================================= */

.contact-layout { display: grid; grid-template-columns: 1.5fr 1fr; gap: 48px; align-items: start; }

/* Formular */
.oferta-form { display: grid; gap: 1.1rem; }
.form-row { display: grid; gap: 0.4rem; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; }
.oferta-form label { font-weight: 600; font-size: 0.92rem; color: var(--ink); }
.oferta-form .req { color: var(--danger); }
.oferta-form input,
.oferta-form select,
.oferta-form textarea {
  width: 100%; font-family: inherit; font-size: 1rem; color: var(--ink);
  padding: 0.75rem 0.9rem; border: 1px solid var(--border); border-radius: 10px;
  background: var(--surface); transition: border-color 0.15s, box-shadow 0.15s;
}
.oferta-form input:focus,
.oferta-form select:focus,
.oferta-form textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.oferta-form textarea { resize: vertical; min-height: 120px; }
.oferta-form .btn { justify-self: start; }

/* Honeypot ascuns complet (vizual + asistiv) */
.hp-field { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* Notificări */
.form-notice { padding: 0.9rem 1.1rem; border-radius: 10px; margin-bottom: 1.2rem; font-weight: 500; }
.form-notice--ok { background: #E7F4EC; color: var(--ok); border: 1px solid #BFE3CC; }
.form-notice--err { background: #FBE9EC; color: var(--danger); border: 1px solid #F3C9D1; }

/* Coloana info */
.contact-info { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; gap: 1rem; }
.contact-info li { display: grid; gap: 0.2rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border); }
.contact-info__k { font-family: var(--font-mono); font-size: 0.76rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.contact-info__v { color: var(--ink); font-weight: 500; }

@media (max-width: 860px) {
  .contact-layout { grid-template-columns: 1fr; gap: 32px; }
  .form-grid { grid-template-columns: 1fr; }
}