:root {
  --font-family: Flanders-sans, BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;;
}

ul.menu {
  margin: 0 1rem 0 0;
  padding: 0;
  list-style: none;
}

ul.menu li.menu-item {
  padding: 0.5rem .7rem 0.5rem 0;
  font-size: 1rem;
  font-weight: bold;
  list-style-type: none;
  width: 100%;
  color: #000;
  border-bottom: 0.0625em solid #d4d4d8;
}

ul.menu li.menu-item--expanded {
  border-bottom: 0;
}

ul.menu li.menu-item a {
  text-decoration: none;
}

ul.menu li.menu-item li.menu-item {
  font-size: .9rem;
  padding-left: 1.25rem;
  border: none;
}

/* Fix for claro's small main column */
.layout-region--node-main,
.layout-region--node-footer {
  width: calc(100% - 2rem);
}

/* Display oembed in preview as block as we don't use a provider */
.node__content figure.media {
  border: 1px solid #333333;
  min-height: 5rem;
  background-color: #cccccc;
  padding: 1rem;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.node__content figure.media oembed::before {
  content:attr(url);
}

.dynamic-block-form .field--widget-vlaio-iom-profiling-plugin-attribute-value-select .claro-details__description {
  width: 100%;
}

/* Give the product add/edit screen the full width */
.node-product-form .layout-form,
.node-product-edit-form .layout-form {
  grid-template-columns: 1fr;
}
.node-product-form .layout-region--main,
.node-product-edit-form .layout-region--main {
  width: 100%;
}
.node-product-form .layout-region--main:has(.vertical-tabs) ~ .layout-region--footer,
.node-product-edit-form .layout-region--main:has(.vertical-tabs) ~ .layout-region--footer {
  width: 100%;
}

/* Fix weird alignment on extra links on a product etalage. */
.field--name-field-extra-links table .form-item {
  display:block;
}