/* =====================================================
   DGF TRIVELMORRA — contatti.css
   Contacts Layout · Info · Geo Canvas · Form
   ===================================================== */

.contatti-layout { display: grid; grid-template-columns: 1fr 560px; gap: 80px; align-items: start; }
.contact-info { display: flex; flex-direction: column; gap: 28px; }

.contatti-geo-canvas {
  width: 100%; height: 300px;
  border: 1px solid var(--border); border-radius: 4px; margin-bottom: 8px;
}

.contact-detail { display: flex; gap: 16px; align-items: flex-start; }
.cd-icon {
  width: 40px; height: 40px; background: rgba(232,119,34,.1);
  border: 1px solid rgba(232,119,34,.2); border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.cd-icon svg { width: 16px; height: 16px; color: var(--orange); }
.cd-label { font-size: 10px; font-weight: 600; letter-spacing: 2px; color: var(--orange); margin-bottom: 4px; }
.cd-value { font-size: 15px; font-weight: 600; color: var(--text); text-decoration: none; display: block; }
.cd-value a { color: var(--text); text-decoration: none; transition: color .2s; }
.cd-value a:hover { color: var(--orange); }

/* Form card */
.contact-form-wrap {
  background: var(--surface); border: 1px solid var(--border); border-radius: 4px; padding: 48px;
}