:root {
  --ev-blue:   #1A4FB3;
  --dark:      #051040;
  --ev-red:   #c0392b;
  --ev-white:  #ffffff;
  --grey-bg:   #f6f6f7;
  --ev-radius: 4px;
  /* couleurs complémentaires conservées telles quelles */
  --ev-cyan:   #5abcb5;
  --ev-orange: #e2753e;
      --color-grey: #F2F2F2;
       --primary-color: #1A4FB3; /* Bleu Proavia */
  --secondary-color: #f8f9fa;
  --text-color: #333;
  --light-text: #666;
  --border-color: #e0e0e0;
  --section-bg: #ffffff;
  --label-color: var(--primary-color);
  --field-padding: 15px;
  --transition: all 0.3s ease;
  --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  --accent-color: #1A4FB3;
}
/* ============================================
   LAYOUT PRINCIPAL
   ============================================ */
#edit-bio-data .form-item, #edit-bio-data .form-actions, #edit-company .form-item, #edit-company .form-actions {
         margin-top: 0px;
    margin-bottom: 0px;
}
.proavia-user-personal-data-form {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: flex-start;
  padding: 1.5rem;
}

/* Bio data et Ma société : côte à côte ~50% */
.proavia-user-bio-data,
.proavia-user-company-data {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
}

/* Mes use-cases : pleine largeur */
.proavia-user-use-cases {
  flex: 0 0 100%;
}

/* Bouton Enregistrer global en bas : pleine largeur */
#edit-actions {
  flex: 0 0 100%;
  text-align: right;
}


/* ============================================
   BLOCS ACCORDÉON — HEADERS COLORÉS
   ============================================ */

/* Reset accordion Bootstrap5 */
.proavia-user-bio-data .accordion-item,
.proavia-user-company-data .accordion-item,
.proavia-user-use-cases .accordion-item {
  border: 1px solid #dee2e6;
  border-radius: 8px;
  overflow: hidden;
}

/* Header Bio data — rouge */
.proavia-user-bio-data .accordion-button {
  background-color:#c0392b!important;
  color: #fff!important;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Header Ma société — bleu marine */
.proavia-user-company-data .accordion-button {
  background-color: var(--ev-blue)!important;
  color: #fff!important;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Header Mes use-cases — turquoise */
.proavia-user-use-cases .accordion-button {
  background-color: #5abcb5!important;
  color: #fff!important;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Flèche accordion en blanc */
.proavia-user-bio-data .accordion-button::after,
.proavia-user-company-data .accordion-button::after,
.proavia-user-use-cases .accordion-button::after {
  filter: brightness(0) invert(1);
}

/* Pas de changement de couleur au focus/hover */
.proavia-user-bio-data .accordion-button:not(.collapsed),
.proavia-user-company-data .accordion-button:not(.collapsed),
.proavia-user-use-cases .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.proavia-user-bio-data .accordion-button:focus,
.proavia-user-company-data .accordion-button:focus,
.proavia-user-use-cases .accordion-button:focus {
  box-shadow: none;
  outline: none;
}

/* Corps des accordéons */
.proavia-user-bio-data .accordion-body,
.proavia-user-company-data .accordion-body,
.proavia-user-use-cases .accordion-body {
  padding: 1.25rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}


/* ============================================
   CHAMPS DE FORMULAIRE
   ============================================ */

.proavia-user-bio-data .form-item,
.proavia-user-company-data .form-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.proavia-user-bio-data label,
.proavia-user-company-data label {
  font-size: 12px;
  font-weight: 500;
  color: #6c757d;
}

.proavia-user-bio-data .form-control,
.proavia-user-company-data .form-control {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 0px;
  padding: 7px 10px;
  font-size: 13px;
  width: 100%;
}

.proavia-user-bio-data .form-control:focus,
.proavia-user-company-data .form-control:focus {
  border-color: #adb5bd;
  box-shadow: none;
  outline: none;
}


/* ============================================
   BOUTONS
   ============================================ */

/* Bouton Enregistrer — rouge */
#edit-submit,
.proavia-user-bio-data .btn-primary,
.proavia-user-company-data .btn-primary {
  background-color:#c0392b;
  border-color:#c0392b;
  color: #fff;
  font-weight: 500;
  font-size: 13px;
  padding: 7px 20px;
  border-radius: 0px;
      text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

#edit-submit:hover,
.proavia-user-bio-data .btn-primary:hover,
.proavia-user-company-data .btn-primary:hover {
  background-color: #a93226;
  border-color: #a93226;
}

/* Bouton Upload photo — vert */
#edit-field-image-upload-button,
#edit-company-field-image-upload-button,
#edit-company-field-photos-upload-button {
  background-color: #5abcb5;
  border-color: #5abcb5;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 16px;
  border-radius: 0px;
  margin-top: 0.5rem;
}

#edit-field-image-upload-button:hover {
  background-color: #229954;
}


/* ============================================
   BLOC USE-CASES — MISE EN PAGE GRILLE
   ============================================ */

.proavia-user-use-cases .accordion-body {
  gap: 0.5rem;
}

/* Chaque ligne use-case : lien + bouton Éditer */
.proavia-user-use-cases .accordion-body br {
  display: none;
}

.proavia-user-use-cases .accordion-body {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* On regroupe les paires lien+bouton en grille 2 colonnes via JS si besoin,
   sinon on stylise chaque paire lien/bouton en ligne */
.proavia-user-use-cases .accordion-body a:not(.button) {
  font-size: 12px;
  color: #5abcb5;
  text-decoration: none;
  flex: 1;
  line-height: 1.4;
}

.proavia-user-use-cases .accordion-body a:not(.button):hover {
  text-decoration: underline;
}

.proavia-user-use-cases .accordion-body .button--primary {
  background-color: #5abcb5;
  border-color: #5abcb5;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 12px;
  border-radius: 0px;
  white-space: nowrap;
  flex-shrink: 0;
}

.proavia-user-use-cases .accordion-body .button--primary:hover {
  background-color: #157a6b;
}

/* Bouton Ajouter un use-case */
.proavia-user-use-cases .accordion-body .button-action {
  background-color: #5abcb5;
  border-color: #5abcb5;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 16px;
  border-radius: 0px;
  margin-top: 0.75rem;
  display: inline-block;
}


/****autre****/
.info-projet-thumb {
  display: inline-block; /* ne prend que la largeur de l'image */
  max-width: 360px;      /* ajuste selon tes besoins */
 /* width: 100%;
  aspect-ratio: 4/3;*/
}