html,
body {
  max-width: 100%;
}

.yoganova-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.yoganova-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.yoganova-form-status {
  width: 100%;
  min-height: 1.5em;
  margin: 0.75rem 0 0;
}

.yoganova-form-status:empty {
  display: none;
}

.yoganova-form-note {
  width: 100%;
  margin: 0.5rem 0;
  font-size: 0.875rem;
}

.yoganova-static-message {
  margin: 0;
  background: #f5f3ed;
  color: #3b2a54;
  font-family: Poppins, system-ui, sans-serif;
}

.yoganova-static-message main {
  width: min(42rem, calc(100% - 2rem));
  margin: 10vh auto;
  text-align: center;
}

.yoganova-static-message a {
  color: #7b2d8e;
  font-weight: 700;
}

@media (max-width: 767px) {
  /* Les décors Elementor débordent volontairement de quelques pixels sur la
     source. On les contient au niveau du composant, sans masquer le document. */
  [data-elementor-id="1610"] [data-id="54ef09b"] .elementor-headline-dynamic-wrapper,
  [data-elementor-id="5878"] [data-id="19d8ee2"],
  .yoganova-contact-form {
    overflow-x: hidden;
  }
}

@media (min-width: 768px) {
  /* Le dernier bandeau du week-end nature est décalé de 20 px dans la source.
     On conserve son bord visible tout en empêchant l'élargissement du document. */
  [data-elementor-id="8095"] [data-id="635c36bf"] {
    max-width: calc(100vw - 20px);
  }
}
