/* Maison Qeddus — cadrage ordinateur — 10/09/2026
   Correctif de mise en page uniquement : aucun contenu, média, script ou parcours n'est modifié. */

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

*, *::before, *::after { box-sizing: border-box; }

main, section, article, aside,
.site, .home-site, .signup-site, .mq-page,
.grid, .split, .secure-grid, .mq-dashboard-shell,
.mq-update-main, .mq26-main, .profile-page {
  min-width: 0;
}

img, picture, video, canvas, svg, iframe,
input, select, textarea, button {
  max-width: 100%;
}

.grid > *, .split > *, .secure-grid > *,
.mq-dashboard-shell > *, .mq-stat-grid > *,
.mq-offer-table > *, .footer-grid > *, .mqf-grid > * {
  min-width: 0;
}

.table-card, .table-wrap, .mq-governance-table-wrap,
.secure-table-wrap, .mq-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/*
   Le gabarit historique .site était prévu pour 1440 px maximum. Des correctifs
   de footer ultérieurs forçaient cependant certains écrans à reprendre toute
   la largeur du moniteur. On rétablit ce cadre uniquement sur grand écran.
*/
@media (min-width: 1441px) {
  body > .site,
  body > .home-site,
  body > .signup-site,
  body > .mq-page,
  body > main.mq26-main,
  body > main.profile-page,
  body > main.access-page,
  body > main:not([class]) {
    width: 1440px !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* L'en-tête suit le même axe que la page au lieu de s'étirer à 1600 px. */
  .mq-u-header-inner,
  .bar {
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Ordinateurs portables et zoom navigateur : aucun bloc ne doit sortir du cadre. */
@media (min-width: 901px) and (max-width: 1440px) {
  body > .site,
  body > .home-site,
  body > .signup-site,
  body > .mq-page,
  body > main.mq26-main,
  body > main.profile-page,
  body > main.access-page,
  body > main:not([class]) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Les cadres internes existants gardent leur largeur propre mais restent
   systématiquement centrés sur ordinateur. */
@media (min-width: 901px) {
  .wrap,
  .home-shell,
  .secure-shell,
  .mq-container,
  .mq26-shell,
  .mq-suite-shell,
  .mq-shell,
  .mq-group-shell,
  .mq-governance-shell,
  .mq-recipient-shell,
  .mq-founder-shell,
  .mq-family-shell,
  .mq-update-shell,
  .mq-offer-shell,
  .mq-lineage-shell,
  .mq-gc-shell,
  .mq-gp-shell,
  .mq-foundation-shell,
  .mq-ext-shell,
  .deposit-shell,
  .page-shell,
  .payment-shell,
  .sealed-shell,
  .sanctuary-shell,
  .d-shell,
  .mqf-shell {
    margin-left: auto;
    margin-right: auto;
  }
}