/*
  EDOUARGOT - meteo.php correctif simple
  Ne masque pas le contenu météo.
  Corrige seulement :
  - articles-info masqué si encore présent
  - avertissement météo transparent
  - bords mobile month-controls-wrapper + calendar-grid
*/

html body.edo-meteo-page .articles-info {
  display: none !important;
}

html body.edo-meteo-page .edo-meteo-avertissement {
  display: none;

  width: min(720px, calc(100% - 24px));
  max-width: calc(100% - 24px);

  margin: 14px auto 18px auto;
  padding: 13px 16px;

  color: #330705;
  background: rgba(255, 248, 232, 0.22);
  border: 1px solid rgba(245, 192, 99, 0.72);
  border-radius: 18px;

  text-align: center;
  line-height: 1.42;
  box-sizing: border-box;

  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

html body.edo-meteo-page .edo-meteo-avertissement-visible {
  display: block;
}

html body.edo-meteo-page .edo-meteo-avertissement strong {
  display: block;
  margin-bottom: 4px;
  color: #330705;
}

html body.edo-meteo-page .edo-meteo-avertissement span {
  display: block;
  color: #330705;
}

@media (max-width: 760px) {
  html,
  body.edo-meteo-page {
    max-width: 100%;
    overflow-x: hidden;
  }

  html body.edo-meteo-page .container.my-4.text-center {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-left: auto;
    margin-right: auto;

    padding-left: 0;
    padding-right: 0;

    box-sizing: border-box;
    overflow-x: hidden;
  }

  html body.edo-meteo-page .month-controls-wrapper {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    min-width: 0;

    margin: 12px auto 16px auto;
    padding: 0;

    box-sizing: border-box;
    overflow: visible;

    text-align: center;
  }

  html body.edo-meteo-page .month-controls,
  html body.edo-meteo-page #monthForm,
  html body.edo-meteo-page #monthPicker {
    max-width: 100%;
    box-sizing: border-box;
  }

  html body.edo-meteo-page .edo-meteo-avertissement {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);

    margin: 12px auto 16px auto;
    padding: 12px 13px;

    font-size: 0.96rem;
  }

  html body.edo-meteo-page .calendar-header {
    display: none;
  }

  html body.edo-meteo-page .calendar-grid {
    display: grid;
    grid-template-columns: 1fr;

    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    min-width: 0;

    margin: 14px auto 28px auto;
    padding: 0;

    gap: 12px;

    box-sizing: border-box;
    overflow: visible;
  }

  html body.edo-meteo-page .calendar-grid .jour-block,
  html body.edo-meteo-page .calendar-grid .jour-block-inner {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-left: auto;
    margin-right: auto;

    box-sizing: border-box;
    overflow: hidden;
  }

  html body.edo-meteo-page .calendar-grid .jour-block-inner {
    padding: 12px 10px;
    text-align: center;
  }

  html body.edo-meteo-page .calendar-grid h3,
  html body.edo-meteo-page .calendar-grid p,
  html body.edo-meteo-page .calendar-grid .meteo,
  html body.edo-meteo-page .calendar-grid em,
  html body.edo-meteo-page .calendar-grid .aujourdhui {
    max-width: 100%;
    text-align: center;
    overflow-wrap: anywhere;
    word-break: normal;
    box-sizing: border-box;
  }
}