/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* Alignement des textes réponses */
tbody tr th.answertext {
  vertical-align: middle !important;
  text-align: left !important;
}
thead tr th.answertext {
  vertical-align: middle !important;
  text-align: center !important;
}

/* Nouvelle version - centrage vertical et contrôle de taille */
.navbar-brand {
  display: flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  flex: 0 0 auto;
  max-width: 40%;
}

/* Logo image interne */
.navbar-brand img {
  max-height: 80px;
  height: auto;
  width: auto;
  display: block;
}

/* Couleur fond + logo Unîmes en responsive */
.navbar.fixed-top {
  background-color: #2c3e50 !important;
}

/* Texte blanc dans la navbar */
.navbar .nav-link,
.navbar .navbar-brand {
  color: white !important;
}

/* Flexbox navbar : éviter débordement */
.navbar .container-fluid {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
}

.navbar-nav {
  display: flex !important;
  justify-content: flex-start !important;
  flex-grow: 1;
  flex-wrap: wrap;
}

/* Empêche les comportements auto-alignés non désirés */
.ms-auto, .me-auto {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Évite que le menu déborde */
.navbar-collapse {
  flex: 1 1 auto;
  min-width: 0;
}

/* Alignement des labels */
ul.text-list label.control-label {
  text-align: left !important;
}

/* Réduction padding bas */
.ls-answers {
  padding-bottom: 0px !important;
}
.ls-answers ul {
  margin-bottom: 0px !important;
}

/* Tableau Unîmes : rayures et survol en orange doux */
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;

  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(232, 78, 36, 0.05); /* orange Unîmes très léger */

  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(232, 78, 36, 0.05);  /* même effet pour hover */

  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(232, 78, 36, 0.1);  /* un peu plus visible si activé */

  color: #212529;
}

/* Limite la taille maximale de l’image d’en-tête */
img[src*="survey_list_header.png"] {
  max-width: 600px;
  height: auto;
}


/* --- Responsive --- */
/* -------- RESPONSIVE NAVBAR -------- */

@media (max-width: 1023px) {
  /* Supprime le logo de fond pour les petits écrans */
  /*.navbar.fixed-top {*/
  /*  background-image: none !important;*/
 /* }*/

  .navbar-brand {
    max-width: 70%;
  }
}



/* --- Boutons principaux --- */
.btn-primary {
  background-color: #2c3e50 !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #E84E24 !important;
  color: #ffffff !important;
  border: none !important;
}

/* Focus visuel (accessibilité) */
.btn-primary:focus {
  outline: none !important;
  box-shadow: 0 0 0 0.25rem rgba(232, 78, 36, 0.3) !important;
}

/* --- Boutons outline (bordés) --- */
.btn-outline-primary {
  color: #E84E24 !important;
  border: 1px solid #E84E24 !important;
  background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: #E84E24 !important;
  color: #ffffff !important;
  border-color: #E84E24 !important;
  box-shadow: 0 0 0 0.25rem rgba(232, 78, 36, 0.3) !important;
}

/* --- Boutons radios visuels (checkbox/radio bootstrap) --- */
.btn-check + .btn-primary {
  background-color: #2c3e50 !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-check:focus + .btn-primary {
  background-color: #E84E24 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 0 0 0.25rem rgba(232, 78, 36, 0.3) !important;
}

/* --- Style des alertes --- */
.alert-warning {
  background-color: #E84E24 !important;
  color: #ffffff !important;
  border: none !important;
}

/* --- Liens harmonisés avec boutons --- */
a {
  color: #E84E24 !important;
  text-decoration: underline;
  transition: color 0.2s ease-in-out;
}

a:hover,
a:focus {
  color: #c0392b !important; /* Variante plus sombre au survol */
  text-decoration: none;
  outline: none;
}

a:focus {
  box-shadow: 0 0 0 0.2rem rgba(232, 78, 36, 0.3);
  border-radius: 2px;
}

/* --- Redéfinition des couleurs Bootstrap pour cohérence visuelle --- */
.bg-warning {
  background-color: #E84E24 !important; /* orange Unîmes */
  color: #ffffff !important;            /* texte blanc */
}

/* Optionnel : version plus claire si nécessaire */
.bg-warning-subtle {
  background-color: #f9c8b4 !important;
  color: #b03a1e !important;
}

.bg-danger {
  background-color: #c0392b !important; /* rouge plus profond */
  color: #ffffff !important;
}

.dropdown-item.disabled {
  color: #E84E24 !important;
  opacity: 0.6;
}