/* Styles de la page /contact/ : chat inline + formulaire maison + nudge.
   Requiert widget.css (styles internes du chat). */

.spyk-inline-section { padding: 30px 0; }
.spyk-inline-chat {
  height: 520px; max-height: 75vh; margin-top: 18px;
  border: 1px solid #e6e8eb; border-radius: 14px; overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,.07);
}
.spyk-inline-chat .spyk-chat { height: 100%; }

/* Formulaire maison */
.spyk-cf-wrap { max-width: 640px; margin: 10px auto 0; }
.spyk-cf-toggle {
  display: inline-block; padding: 10px 22px; background: #fff; color: #e2001a;
  border: 1px solid #e2001a; border-radius: 24px; font-size: 14px; font-weight: 600;
  cursor: pointer; transition: all .15s;
}
.spyk-cf-toggle:hover { background: #e2001a; color: #fff; }

.spyk-cf select {
  padding: 11px 13px; border: 1px solid #d0d4d9; border-radius: 10px; font-size: 15px;
  font-family: inherit; font-weight: 400; width: 100%; background: #fff;
}
.spyk-cf select:focus { border-color: #e2001a; outline: none; }

.spyk-cf-nudge {
  background: #fff6f6; border: 1px solid #f1c7c7; border-radius: 12px;
  padding: 14px 16px; margin-top: 12px;
}
.spyk-cf-nudge p { margin: 0 0 10px; }
.spyk-cf-nudge button { margin: 0 8px 0 0; padding: 9px 14px; border-radius: 9px; cursor: pointer; font-size: 14px; border: 1px solid #d0d4d9; }
.spyk-cf-nudge-primary { background: #e2001a; color: #fff; border-color: #e2001a !important; }
.spyk-cf-nudge-secondary { background: #fff; color: #555; }

.spyk-cf { margin-top: 14px; display: flex; flex-direction: column; gap: 12px; }
.spyk-cf label { display: flex; flex-direction: column; gap: 5px; font-size: 14px; color: #333; font-weight: 600; }
.spyk-cf input, .spyk-cf textarea {
  padding: 11px 13px; border: 1px solid #d0d4d9; border-radius: 10px; font-size: 15px;
  font-weight: 400; font-family: inherit; width: 100%;
}
.spyk-cf input:focus, .spyk-cf textarea:focus { border-color: #e2001a; outline: none; }
.spyk-cf-send {
  align-self: flex-start; padding: 12px 24px; background: #e2001a; color: #fff;
  border: none; border-radius: 10px; font-size: 15px; cursor: pointer;
}
.spyk-cf-send:hover { filter: brightness(.92); }

/* Honeypot : hors écran (invisible humain, visible bot) */
.spyk-cf-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; }

.spyk-cf-status { font-size: 14px; margin-top: 4px; }
.spyk-cf-status.ok { color: #1a7f37; }
.spyk-cf-status.err { color: #c00; }