/* Hide toolbar for non demo stories */
/* :nth-child(4) is the  "Addons" pane at the bottom of individual Stories view */
/* see https://github.com/storybookjs/storybook/discussions/20620 */
[id='root'] > div:not(:has(> :nth-child(4))) [data-test-id='sb-preview-toolbar'] {
  display: none;
}

body {
  letter-spacing: 0.03rem;
}

a[title="OVHcloud Design System"] {
  display: flex;
  justify-content: center;
  margin: auto;
}

/* Hide the cog button with Storybook options */
button[title="Shortcuts"] {
  display: none;
}

/* Double class to increase the weight to overwrite storybook internal css */
.sidebar-subheading.sidebar-subheading {
  font-size: 1em;
  font-weight: bold;
  letter-spacing: normal;
  text-transform: none;
  color: #00175C;
}

.sidebar-header {
  display: grid !important;
  grid-template-columns: 1fr max-content;
}

/* Enforce the brand image to take the whole space */
.sidebar-header > div:first-of-type {
  grid-column: span 2;
}