/* Φόρμα αιτήματος επικοινωνίας (σελίδα «Για συνεργεία»). Βασίζεται στο home.css. */
.cf-box { margin: 40px 0 8px; padding: 24px 26px 22px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--mist); }
.cf-box h2 { color: var(--navy); margin: 0 0 6px; }
.cf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
.cf-field { margin-bottom: 14px; }
.cf-field label { display: block; font-weight: 600; margin-bottom: 4px; }
.cf-field input[type="text"], .cf-field input[type="email"], .cf-field input[type="tel"], .cf-field textarea {
  width: 100%; box-sizing: border-box; min-height: 44px; padding: 8px 12px; border: 1px solid #B9C1CE; border-radius: 8px; font: inherit; background: var(--white); color: var(--ink);
}
.cf-field textarea { resize: vertical; }
.cf-field input:focus-visible, .cf-field textarea:focus-visible { outline: 3px solid var(--blue); outline-offset: 1px; }
.cf-hint { font-size: 0.92rem; color: var(--grey); margin: 4px 0 0; }
.cf-row { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.cf-row .cf-field { flex: 1 1 200px; }
.cf-verify { margin-bottom: 8px; }
.cf-check { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; margin: 4px 0 14px; }
.cf-check input { margin-top: 4px; width: 18px; height: 18px; }
.cf-actions { margin: 0 0 12px; }
.cf-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 22px; border-radius: 8px; border: 2px solid var(--navy);
  background: var(--white); color: var(--navy); font: inherit; font-weight: 700; cursor: pointer; }
.cf-btn:hover:not(:disabled) { background: var(--navy); color: var(--white); }
.cf-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.cf-primary { background: var(--red); border-color: var(--red); color: var(--white); }
.cf-primary:hover:not(:disabled) { background: var(--red-dark); border-color: var(--red-dark); }
.cf-msg { margin: 6px 0 0; font-weight: 600; }
.cf-msg.ok { color: #1E7F4F; }
.cf-msg.bad { color: #B3261E; }
@media (max-width: 640px) { .cf-grid { grid-template-columns: 1fr; } .cf-box { padding: 18px 16px; } }