/* Mobile : page figée en largeur — plus de glissement gauche-droite. */
html {
  max-width: 100%;
  overflow-x: clip;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body,
#root {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  overscroll-behavior-x: none;
}

@media (max-width: 1023px) {
  html,
  body,
  #root {
    overflow-x: clip !important;
    max-width: 100% !important;
  }

  /* SPA — overflow visible pour les menus langue / compte */
  .site-header,
  .site-header-inner,
  .shell.site-header-inner {
    max-width: 100% !important;
    overflow: visible !important;
  }

  .site-header-brand {
    min-width: 0 !important;
    flex-shrink: 1 !important;
  }

  .site-header-brand img,
  .site-header-brand svg,
  header img[alt='Négoce Renaï'] {
    width: 44px !important;
    height: 44px !important;
  }

  .site-header-inner {
    min-height: 72px !important;
    height: 72px !important;
    gap: 0.35rem !important;
    padding-inline: 0.65rem !important;
  }

  /* Accueil / pages HTML — overflow visible pour les menus */
  .header-shell,
  .header-inner,
  .site-header {
    max-width: 100% !important;
    overflow: visible !important;
  }

  .header-inner {
    min-height: 72px !important;
    height: 72px !important;
    gap: 0.35rem !important;
  }

  .header-actions {
    min-width: 0 !important;
    gap: 0.35rem !important;
    overflow: visible !important;
  }

  .brand {
    min-width: 0 !important;
    gap: 8px !important;
  }

  .brand img {
    width: 44px !important;
    height: 44px !important;
  }

  .brand-tag,
  .site-header-brand p:nth-child(2) {
    display: none !important;
  }

  .btn-account {
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }

  .ticker-inner,
  .ticker {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .ticker-hide {
    display: none !important;
  }

  /* iOS : pas de zoom sur les champs (sinon la page reste trop large). */
  input:not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']):not(
      [type='reset']
    ):not([type='image']):not([type='range']):not([type='file']):not([type='hidden']):not(
      [type='color']
    ),
  select,
  textarea {
    font-size: 16px !important;
  }
}