/* Overlay du pop-up */
#popupContact {
  display: none;
  position: fixed;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;
  background: rgba(0,0,0,0.55);
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

/* Card du pop-up */
.popup-card {
  width: 340px;
  background: #fff;
  border-radius: 12px;
  padding: 25px;
  position: relative;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  font-family: "Inter", Arial, sans-serif;
}

/* Bouton fermer */
.popup-close {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  font-size: 22px;
  color: #888;
}
.popup-close:hover { color: #000; }

/* Header du pop-up */
.popup-header h3 { margin: 0 0 5px; font-size: 22px; font-weight: 700; }
.popup-header p { margin: 0 0 15px; font-size: 14px; color: #666; }

/* Texte au-dessus des champs */
.field-label {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
  color: #333;
}

/* Champs du formulaire */
.popup-field {
  margin-bottom: 15px;
}
.popup-field input, 
.popup-field textarea {
  width: 100%;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid #ddd;
  font-size: 14px;
  background: #fafafa;
}
.popup-field textarea { min-height: 90px; resize: none; }
.popup-field input:focus,
.popup-field textarea:focus { border-color: #5c8bff; background: #fff; }

/* Bouton envoyer */
.popup-btn {
  width: 100%;
  background: #4460ff;
  padding: 12px;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.popup-btn:hover { background: #2c45d6; }

/* Bouton flottant rectangulaire */
.floating-btn {
  position: fixed;
  bottom: 22px;
  right: 22px;
  background: #4460ff;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  z-index: 99999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.floating-btn:hover { background: #2c45d6; }

/* Animations */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { transform: translateY(25px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }