@mixin theme-header($theme) {
  header#header {
    background-image: none;
    border: none;
    box-shadow: none;
    height: $custom-topbar-height;
    display: flex;
    align-items: center;
    color: map-get($theme, topbar-foreground);
    background-color: map-get($theme, topbar-background);
    border-bottom: 1px solid map-get($theme, topbar-border);
    @include restyle-tooltip($theme);
    @include restyle-typography($theme);

    #hide-menu {
      margin: 0;
      width: $custom-sidebar-padding;
      height: $custom-sidebar-padding;
      float: none !important;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;

      > span {
        > a {
          width: 24px;
          color: map-get($theme, topbar-primary);
          @include reset-button;
          @include add-shadow-on-hover-rounded($theme);

          > i {
            color: inherit;
          }
        }
      }
    }

    .rightActions {
      .licenseWrapper {
        padding: 0;

        .separator {
          display: none;
        }

        .statusColumns {
          > div {
            + div {
              margin-left: $custom-topbar-space-between-icons / 2;
            }
            div + div {
              padding-left: $custom-topbar-space-between-icons / 4;
            }
          }

          @include on-sm {
            display: none;
          }
        }

        > div {
          display: flex;
          justify-content: space-around;
          align-items: center;

          a,
          #sslConfigurationStatusPanelId {
            margin: 0;
            width: $custom-topbar-icon-size;
            height: $custom-topbar-icon-size;
            font-size: $custom-topbar-icon-size !important;
          }

          + div {
            margin-left: $custom-topbar-space-between-icons / 2;
          }

          > div:not(.tooltip-arrow):not(.tooltip-inner) {
            display: flex;
            align-items: center;

            #siteStatusBar {
              margin: 0;
            }
          }
        }

        .siteFixingIcon {
          margin-top: 0;
        }
      }

      .actions {
        @include on-xs {
          .panelIcons {
            display: none;
          }
        }

        .language-dropdown {
          margin-left: $custom-topbar-space-between-icons / 2;
          @include restyle-dropdown($theme);

          > li {
            padding: 0;

            > a {
              margin: 0;
              padding: $custom-topbar-icon-size / 2;
              color: inherit;
            }
          }

          .dropdown-toggle {
            @include add-shadow-on-hover-rounded($theme);
          }
        }

        > div {
          align-items: center;

          #fullscreen {
            > span {
              > a {
                box-shadow: none;
                color: inherit;
              }
            }
          }

          > div {
            display: flex;
            align-items: center;
            align-content: center;
            margin: 0;
            margin-left: $custom-topbar-space-between-icons / 2;

            > span {
              > a {
                @include reset-button;
              }
            }
          }

          @include on-mobile {
            #fullscreen {
              display: none;
            }
          }
        }

        #hide-menu,
        #toggle-theme,
        #fullscreen,
        #signout {
          @include add-shadow-on-hover-rounded($theme);
          color: inherit;
          > span {
            > a {
              color: inherit;
            }
          }
        }

        .licenseWrapper {
          .clmIcon,
          .siteFixingIcon,
          .sslConfigurationStatus {
            @include add-shadow-on-hover-rounded($theme);
            width: 30px;
            height: 30px;
          }
        }
      }
    }
  }
}