/* ============================================
   s-header-02 — header/header-bar-transparent.php
   ============================================ */

.header-bar {
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
}

.s-header-02__group {
  margin-left: auto; margin-right: auto;
  padding-left: var(--space-2-xl); padding-right: var(--space-2-xl);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.s-header-02__group-2 {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.header-bar__menu {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding-left: var(--space-md); padding-right: var(--space-md);
  padding-top: var(--space-xs); padding-bottom: var(--space-xs);
  border-radius: var(--radius-md);
}

.header-bar__menu .material-icons {
  font-size: var(--font-size-3-xl);
  color: var(--color-white);
}