/*
 * The site's styles for the header and footer SSI, loaded as the AI Website Factory's pages load them
 * (website-components-library, apps/static-renderer/layouts/OvhcloudLayout.astro): outside any cascade layer, where they
 * meet the SSI fragments' own styles as there. Each is imported a second time in the `site` layer, the base the app and
 * the react-order configurators were built on (box-sizing, dl, svg alignment), under their own styles. Before the app
 * mounts, the page narrows the first copy to its header and footer and the second to the rest (src/lib/siteFrame.ts).
 */
@import url('/critical.css') layer(site);
@import url('/7af16cdb/contrib/ovh_theme_patternlab/dist/default-critical.css') layer(site);
@import url('drupal.css') layer(site);
@import url('/critical.css');
@import url('/7af16cdb/contrib/ovh_theme_patternlab/dist/default-critical.css');
@import url('drupal.css');

/* The components library's own rules for the frame (packages/shared/styles/src/globals-shared.scss): the header and
 * footer inherit the ODS font from the body. */
body {
  font-family: var(--ods-font-family-default) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

/* The header's domain search, shown by the site on its home and web cloud pages only, hidden below desktop width. */
@media (max-width: 1119px) {
  [data-domain-wrapper] {
    display: none !important;
  }
}