/* Solo Bear preview: show the header on phones.
   The live site hid header section e303374 with elementor-hidden-phone and had no mobile header.
   Requested by Adriaan 2026-11-11. Desktop/tablet layout is unchanged. */
@media (max-width: 767px) {
  .elementor-1100 .elementor-element-e303374 {
    position: relative;
    padding: 8px 12px !important;
    overflow: visible;
  }
  .elementor-1100 .elementor-element-e303374 > .elementor-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    position: relative;
  }
  .elementor-1100 .elementor-element-671fa4f {
    width: auto !important;
    max-width: 30%;
    flex: 0 0 auto;
    order: 1 !important;
  }
  .elementor-1100 .elementor-element-671fa4f img {
    max-height: 52px;
    width: auto;
    height: auto;
  }
  .elementor-1100 .elementor-element-46853c4 {
    width: auto !important;
    flex: 1 1 auto;
    order: 2 !important;
    min-width: 0;
  }
  .elementor-1100 .elementor-element-46853c4 .elementor-heading-title {
    font-size: 11px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .elementor-1100 .elementor-element-7436943 {
    width: auto !important;
    flex: 0 0 auto;
    order: 3 !important;
    position: static;
  }
  .elementor-1100 .elementor-element-e634277,
  .elementor-1100 .elementor-element-e634277 > .elementor-widget-container {
    position: static;
  }
  .elementor-1100 .elementor-element-e634277 .elementor-menu-toggle {
    margin: 0 !important;
    color: #fff;
    background: transparent;
    border: 0;
    position: relative;
    z-index: 3;
  }
  .elementor-1100 .elementor-element-e634277 .elementor-menu-toggle i,
  .elementor-1100 .elementor-element-e634277 .elementor-menu-toggle svg,
  .elementor-1100 .elementor-element-e634277 .elementor-menu-toggle .e-font-icon-svg {
    color: #fff;
    fill: #fff;
  }
  /* Keep the bar short; drop the menu out as a full-width panel under it */
  .elementor-1100 .elementor-element-e634277 .elementor-nav-menu--dropdown,
  .elementor-1100 .elementor-element-e634277 .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: absolute !important;
    top: 100%;
    left: 0;
    right: 0;
    width: 100% !important;
    max-width: none !important;
    margin: 0;
    padding: 8px 16px 16px;
    background-color: #231F20;
    z-index: 20;
    box-sizing: border-box;
  }
  .elementor-1100 .elementor-element-e634277 .elementor-nav-menu--dropdown .elementor-item,
  .elementor-1100 .elementor-element-e634277 .elementor-nav-menu--dropdown .elementor-sub-item {
    color: #fff;
    fill: #fff;
    text-align: left;
  }
  .elementor-1100 .elementor-element-e634277 .elementor-nav-menu--dropdown .elementor-item:hover,
  .elementor-1100 .elementor-element-e634277 .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
  .elementor-1100 .elementor-element-e634277 .elementor-nav-menu--dropdown .elementor-item:focus {
    color: #9BACBE;
    fill: #9BACBE;
  }
}

/* 20261111h3 (VPS copy): the burger column's widget-wrap was the containing block (position:relative,
   ~33px wide), so the open dropdown was a sliver. Make the whole chain static so the dropdown is
   positioned against the header section e303374 and spans the full width under the bar. */
@media (max-width: 767px) {
  .elementor-1100 .elementor-element-7436943 > .elementor-widget-wrap,
  .elementor-1100 .elementor-element-7436943 > .elementor-widget-wrap.elementor-element-populated,
  .elementor-1100 .elementor-element-e634277 .elementor-widget-wrap,
  .elementor-1100 .elementor-element-e634277 .elementor-widget-wrap.elementor-element-populated,
  .elementor-1100 .elementor-element-e303374 .elementor-column:has(.elementor-element-e634277) > .elementor-widget-wrap,
  .elementor-1100 .elementor-element-e634277 > .elementor-widget-container > nav {
    position: static !important;
  }
}
@media (max-width: 767px) {
  /* Section e303374 (position:relative) is the containing block, so the panel is edge to edge. */
  .elementor-1100 .elementor-element-e303374 > .elementor-container { position: static !important; }
}