/* Sempre design corrections.
   The pages of this site are a faithful copy of the WordPress site, including a few layout
   faults of the original. Each rule below corrects one of them and is a deliberate departure
   from the source; delete a block to get the original behaviour back. Loaded last in <head>
   by lib/page-head.ts. `!important` is used because Elementor's own rules are id-specific. */

/* 1. Main menu on one line.
   The menu column is 70% of the header, the seven items need 928px: on screens from 1025px
   (where the desktop header starts) to about 1490px the last item dropped to a second line.
   Spacing and type scale down with the viewport instead; from 1500px the original sizes apply. */
@media (min-width: 1025px) and (max-width: 1499px) {
  .elementor-location-header .elementor-nav-menu--layout-horizontal > .elementor-nav-menu {
    flex-wrap: nowrap !important;
  }
  .elementor-location-header .elementor-nav-menu--layout-horizontal > .elementor-nav-menu > li > .elementor-item {
    padding-left: clamp(4px, calc(2.9vw - 26px), 20px) !important;
    padding-right: clamp(4px, calc(2.9vw - 26px), 20px) !important;
    font-size: clamp(11px, calc(0.72vw + 3.6px), 14px) !important;
    letter-spacing: clamp(0.3px, calc(0.17vw - 1.45px), 1px) !important;
    white-space: nowrap !important;
  }
  /* The "B2B Portal" button next to the menu broke over two lines on the same screens. */
  .elementor-location-header .elementor-widget-button .elementor-button {
    white-space: nowrap !important;
    padding-left: clamp(12px, calc(2.9vw - 14px), 30px) !important;
    padding-right: clamp(12px, calc(2.9vw - 14px), 30px) !important;
  }
}

/* 2. The "page not found" message was white text on a white page: only the button showed.
   Same widgets on the English/Dutch (page 698) and French (page 3540) versions. */
.elementor-element-b9990c6 .elementor-element-ed1ca82 .elementor-heading-title,
.elementor-element-b9990c6 .elementor-element-0f1b00d,
.elementor-element-b9990c6 .elementor-element-0f1b00d p {
  color: #101213 !important;
}

/* 3. Product page on phones: the content container kept its 80px desktop side padding,
   leaving a 210px text column on a 390px screen. */
@media (max-width: 767px) {
  .elementor-5583 .elementor-element.elementor-element-dba7f8c {
    --padding-left: 20px;
    --padding-right: 20px;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}