/* Ajustements responsive transverses */
html {
  -webkit-text-size-adjust: 100%;
}

img,
video,
iframe {
  max-width: 100%;
  height: auto;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 991.98px) {
  .page-wrapper,
  .main-content,
  .container-xl {
    padding-left: max(0.75rem, env(safe-area-inset-left));
    padding-right: max(0.75rem, env(safe-area-inset-right));
  }

  .uk-topbar__title {
    font-size: 1.1rem;
  }

  .demande-track__cell {
    flex: 1 1 calc(50% - 0.35rem);
    max-width: none;
  }

  .vitrine-hero__inner,
  .vitrine-request__card {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .settings-layout {
    flex-direction: column;
  }
}

@media (max-width: 575.98px) {
  .demande-detail__footer-row {
    flex-direction: column;
    align-items: stretch;
  }

  .demande-detail__inline-form {
    width: 100%;
  }

  .app-notifications__menu {
    min-width: min(320px, 92vw) !important;
  }
}