/* Réduction de la marge entre les panels */
.accordion-item {
  margin-bottom: 0.3rem !important;
}

/* Réduction de la hauteur des panels repliés */
.accordion-button {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
  min-height: 1.5rem !important;
  font-size: 0.9rem;
}

/* Réduction du padding intérieur du contenu */
.accordion-body {
  padding: 0.5rem 1rem !important;
}


/* Sidebar parameters */
.sidebar {
  font-size: 0.9em;
}


.sidebar .form-control,
.sidebar .btn,
.sidebar .shiny-input-container input,
.sidebar .shiny-input-container select,
.sidebar .shiny-input-container textarea,
.sidebar .dropdown-toggle {
  font-size: 0.9em;
}


.sidebar .dropdown-menu.inner>li>a,
.bs-actionsbox {
  font-size: 0.8em;
  /* padding: 0.2em 0.5em; */
}



.leaflet {
  min-height: 800px !important;
}

#tab_block {
  font-size: 80% !important;
}


.app-footer {
  border-top: 1px solid #ddd;
  background-color: #f8f9fa;
  padding: 15px;
  text-align: center;
  bottom: 0;
  width: 100%;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  margin-top: auto;
}

html,
body {
  height: 100%;
}
.app-footer li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.app-footer li + li {
  margin-top: 5px; 
}

.app-footer .left {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
  margin-right: auto;   
}

.app-footer .right {
  flex: 0 0 auto;
  white-space: nowrap;
}

.app-footer .right a {
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
}


.sampling-row {
  display: flex;
  align-items: stretch;
}

.sampling-card {
  height: 100%;
}

.spacer {
  margin: 5px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 10px;
}


.dashed-li ul {
  list-style-type: none;
  padding-left: 20px;
}

.dashed-li ul li::before {
  content: "- ";
  margin-left: -15px;
  position: absolute;
}


/* Corrige le chevauchement Shiny imageOutput */
.model-img {
  width: 100%;
  margin-top: 10px;
}

.model-img>div {
  position: static !important;
  height: auto !important;
}

.model-img img {
  width: 100%;
  height: auto;
  display: block;
}

.shiny-image-output {
  height: auto !important;
  min-height: unset !important;
}

.shiny-image-output img {
  display: block;
  width: 100%;
  height: auto;
}