/* Stable desktop navigation and aligned contact strip. */
#topbar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

#topbar .topbar-left,
#topbar .topbar-right,
#topbar .topbar-widget,
#topbar .topbar-widget.tb-social,
#topbar .topbar-widget.tb-social a {
  display: flex;
  align-items: center;
}

#topbar .topbar-left,
#topbar .topbar-right {
  float: none;
  min-width: 0;
}

#topbar .topbar-widget {
  gap: 7px;
  padding: 7px 0;
  line-height: 1.35;
}

#topbar .topbar-widget i,
#topbar .topbar-widget.tb-social a i {
  margin: 0 !important;
  line-height: 1;
  flex: none;
}

#topbar .topbar-widget.tb-social a {
  gap: 6px;
  padding: 7px 12px;
  line-height: 1.35;
  white-space: nowrap;
}

#topbar .clearfix { display: none; }

@media (min-width: 993px) {
  body { overflow-x: clip; }

  #wrapper > header.has-topbar,
  #wrapper > header.has-topbar.smaller {
    position: sticky;
    top: 0;
    margin-top: 0;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transition: box-shadow .2s ease;
  }

  #wrapper > header.has-topbar.smaller {
    box-shadow: 0 8px 24px rgb(0 0 0 / 12%);
  }

  #wrapper > header.has-topbar #mainmenu > li > a,
  #wrapper > header.has-topbar.smaller #mainmenu > li > a {
    padding: var(--mainmenu-item-padding);
  }

  #wrapper > header.has-topbar.smaller #logo img,
  #wrapper > header.has-topbar.smaller #logo img.logo-main {
    height: 42px !important;
    max-height: 42px !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  #topbar { display: none; }
}

@media (min-width: 993px) and (max-width: 1199px) {
  #mainmenu > li { margin-right: 16px; }

  .menu_side_area a.btn-main {
    flex: none;
    padding: 12px 14px;
    white-space: nowrap;
  }
}

@media (min-width: 993px) and (max-width: 1099px) {
  #btn-extra { display: none; }
}