/*******************************************************************************
*                                     COULEURS                                 *
*******************************************************************************/

  /* Blanc */
.bg-white { background-color: #ffffff; }
.text-white { color: #ffffff; }

  /* Alea */
.bg-alea { background-color: #EF8627; }
.text-alea { color: #EF8627; }

/* Contrôle */
.bg-ctrl { background-color: #2874A6; }
.text-ctrl { color: #2874A6; }

/* Plan d'action */
.bg-pa { background-color: #5499C7; }
.text-pa { color: #5499C7; }

/* Documents */
.bg-doc { background-color: #76D7C4; }
.text-doc { color: #76D7C4; }

/* Maintenance */
.bg-maintenance { background-color: #1ABC9C; }
.text-maintenance { color: #1ABC9C; }

/* Incident */
.bg-incident { background-color: #2ECC71; }
.text-incident { color: #2ECC71; }

/* Sécurité / Sûreté */
.bg-secu { background-color: #58D68D; }
.text-secu { color: #58D68D; }

/* Communication */
.bg-com { background-color: #F7C04A; }
.text-com { color: #F7C04A; }

/* Visuel / UI */
.bg-visuel { background-color: #F4D03F; }
.text-visuel { color: #F4D03F; }

/* HSE */
.bg-hse { background-color: #F39C12; }
.text-hse { color: #F39C12; }

/* Risques */
.bg-risk { background-color: #E67E22; }
.text-risk { color: #E67E22; }

/* PCA */
.bg-pca { background-color: #D35400; }
.text-pca { color: #D35400; }

/* Tableau de bord */
.bg-tableau { background-color: #E74C3C; }
.text-tableau { color: #E74C3C; }




/*******************************************************************************
*                                  SURLIGNEMENT                                *
*******************************************************************************/
.surligne {
  position: relative;
  display: inline-block;
  color: #ffffff;
  /*font-weight: 500;*/
  line-height: 1.4;
  padding: 0 10px;
  border-radius: 12px;
  z-index: 1;
}

/* dégradé */
.surligne::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 12px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.1),  /* éclaircissement */
    rgba(0, 0, 0, 0.1)         /* assombrissement */
  );
  z-index: -1;
}




/*******************************************************************************
*                                      BOUTONS                                 *
*******************************************************************************/
.btn-container {
  margin-top: 20px;
  text-align: right;
}

.btn-module {
  background-color: white;
  color: #747C84;
  border: 1px solid #747C84;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500;
  display: inline-block;
  transition: all 0.3s ease;
}

.btn-module:hover {
  color: #EF8627;
  border-color: #EF8627;
}

.btn-module:active {
  color: #ECC737;
  border-color: #ECC737;
}

/* 📱 Mode smartphone */
@media screen and (max-width: 767px) {
  .btn-container {
    text-align: center;
    padding: 0 20px; /* pour éviter collage aux bords D */
  }

  .btn-module {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
}




/*******************************************************************************
*                                     ACCROCHE                                 *
*******************************************************************************/
.txt-accroche {
  font-family: "nexa";
  font-size: 26px;
  font-weight: normal;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 20px;
  color: inherit;
}

/* Responsive pour smartphone */
@media screen and (max-width: 768px) {
  .txt-accroche {
    font-size: 20px;
  }
}