.elementor-286 .elementor-element.elementor-element-144c6fe{padding:50px 150px 50px 150px;}@media(max-width:1024px){.elementor-286 .elementor-element.elementor-element-144c6fe{padding:50px 50px 50px 50px;}}@media(max-width:767px){.elementor-286 .elementor-element.elementor-element-144c6fe{padding:25px 15px 15px 25px;}}/* Start custom CSS for shortcode, class: .elementor-element-144c6fe *//* Conteneur principal du formulaire MemoReminder */
.memo-cf7-form {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  max-width: 100%;
  margin: 0 auto;
  padding: 8px 0;
  box-sizing: border-box;
}

/* Groupe de champ */
.memo-field-group {
  margin-bottom: 16px;
  text-align: left;
}

/* Libellés */
.memo-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  margin-bottom: 6px;
}

.memo-required {
  color: #ef4444;
  margin-left: 2px;
}

.memo-optional {
  font-size: 11px;
  font-weight: 400;
  color: #94a3b8;
  margin-left: 4px;
}

/* Champs texte, téléphone et champ de sélection (Dropdown) */
.memo-input,
.memo-select,
.memo-textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  color: #1e293b !important;
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  outline: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Arrow styling for Select dropdown */
.memo-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2064748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px 16px !important;
  padding-right: 36px !important;
  cursor: pointer !important;
}

.memo-input:focus,
.memo-select:focus,
.memo-textarea:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
}

.memo-textarea {
  min-height: 110px !important;
  resize: vertical !important;
}

/* Bouton d'envoi */
.memo-submit-group {
  margin-top: 20px;
}

.memo-submit-button {
  width: 100% !important;
  padding: 12px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  background-color: #2563eb !important;
  border: none !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
}

.memo-submit-button:hover {
  background-color: #1d4ed8 !important;
}

.memo-submit-button:active {
  transform: scale(0.99);
}

/* Messages d'erreur et de confirmation CF7 */
.wpcf7-response-output {
  border-radius: 10px !important;
  font-size: 12px !important;
  padding: 10px 14px !important;
  margin-top: 14px !important;
}

.wpcf7-not-valid-tip {
  font-size: 11px !important;
  color: #ef4444 !important;
  margin-top: 4px !important;
}/* End custom CSS */