/* ==============================================================
   Météo — Prévisions détaillées
   ============================================================== */
/* Meteo Previsions */
.prevision_meteo{
  background-color: var(--color-bg);
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
	margin-bottom: 50px;
	padding: 20px;
  border-radius: var(--radius-panel);
	color: white;
}

@media screen and (max-width: 600px){
  .prevision_meteo{
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px;
  }
  .select-prevision{
    width: -webkit-fill-available;
    margin-top: 10px;
    background-color: var(--color-bg);
    color: white;
    border: 2px solid var(--color-primary-btn);
    border-radius: var(--radius-card);
    padding: 10px 36px 10px 12px;
    font-size: 15px;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    cursor: pointer;
  }
  .select-prevision option {
    background-color: #222;
    color: white;
    border: 2px solid var(--color-primary-btn);
  }
  .mobile-day-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    padding: 12px 0 6px;
  }
  .mobile-day-content .prevision_tranche_horaire {
    min-width: 0;
    width: 100%;
  }
}
.previsions_jours{
  display: flex;
  text-align: center;
}
.prevision_tranche_horaire {
  padding: 5px;
  border: 1px solid;
  margin-left: 5px;
  max-height: 135px;
}
.prevision_horraire {
    max-width: 94px;
}

@media screen and (max-width: 600px){
  .prevision_horraire {
    max-width: 100%;
    text-align: center;
  }
  .prevision_tranche_horaire {
    padding: 5px;
    border: 1px solid;
    margin-left: 0px;
    max-height: unset;
  }
}

.icone-meteo{
  width: 50%;
  max-width: 47px;
}
.date_prevision{
  margin-top: 5px;
  margin-bottom: 5px;
}
.GitHub,
.messages-container {
  width: 80%;
  background-color: var(--color-bg);
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
	margin-bottom: 50px;
  border-radius: var(--radius-panel);
	color: white;
  display: flex;
}
.list-repo {
  border-right: 1px solid white;
  display: flex;
  flex-direction: column;
  padding: 10px;
}
a.titre-git_hub {
  padding: 5px;
  cursor: pointer;
}
.repo-content{
  padding: 10px;
  width: inherit;
}
.commit {
  display: flex;
}
.git-committer {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 10%;
  max-width: 10%;
}
img.icone-git-user {
  width: 40%;
}
.git-commit {
    min-width: 75%;
    max-width: 75%;
}
.git-commit-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 15px;
  min-width: 10%;
  max-width: 10%
}