/* HVSZ_H126_SIDEBAR_ALIGNMENT_FIX
 *
 * 1. A középső navigáció ne tartson fenn üres görgetősáv-guttert normál
 *    felbontáson; valamennyi közvetlen menügomb a teljes rendelkezésre álló
 *    szélességet használja.
 * 2. Az ügyfélportál alsó Fiókom gombja ugyanakkora legyen, mint a mellette
 *    lévő értesítés-, témaváltó- és kijelentkezésgomb.
 */

body.ui-v2-shell .topbar .topbar-center,
body.ui-v2-shell .topbar nav.topbar-center {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  align-self: stretch !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  scrollbar-gutter: auto !important;
}

body.ui-v2-shell .topbar .topbar-center > .topbar-pill,
body.ui-v2-shell .topbar .topbar-center > a.topbar-pill,
body.ui-v2-shell .topbar .topbar-center > button.topbar-pill {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  align-self: stretch !important;
}

/* A customer topbar-right több korábbi kompatibilitási rétegből kapott
   eltérő 38/40/42 pixeles méreteket. Itt egységesítjük a tényleges
   ikongombokat anélkül, hogy a sortörési rendet megváltoztatnánk. */
body.ui-v2-shell.customer-v2-portal .topbar-right {
  --h126-customer-sidebar-icon-size: 38px;
}

body.ui-v2-shell.customer-v2-portal
.topbar-right > .notification-bell-wrap,
body.ui-v2-shell.customer-v2-portal
.topbar-right > a.topbar-icon,
body.ui-v2-shell.customer-v2-portal
.topbar-right > button.topbar-icon {
  box-sizing: border-box !important;
  flex: 0 0 var(--h126-customer-sidebar-icon-size) !important;
  width: var(--h126-customer-sidebar-icon-size) !important;
  min-width: var(--h126-customer-sidebar-icon-size) !important;
  max-width: var(--h126-customer-sidebar-icon-size) !important;
  height: var(--h126-customer-sidebar-icon-size) !important;
  min-height: var(--h126-customer-sidebar-icon-size) !important;
  max-height: var(--h126-customer-sidebar-icon-size) !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ui-v2-shell.customer-v2-portal
.topbar-right > .notification-bell-wrap > .topbar-icon,
body.ui-v2-shell.customer-v2-portal
.topbar-right > a[href$="account.php"].topbar-icon,
body.ui-v2-shell.customer-v2-portal
.topbar-right > a[data-h77b-account-icon].topbar-icon,
body.ui-v2-shell.customer-v2-portal
.topbar-right > button.topbar-icon {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--h126-customer-sidebar-icon-size) !important;
  min-width: var(--h126-customer-sidebar-icon-size) !important;
  max-width: var(--h126-customer-sidebar-icon-size) !important;
  height: var(--h126-customer-sidebar-icon-size) !important;
  min-height: var(--h126-customer-sidebar-icon-size) !important;
  max-height: var(--h126-customer-sidebar-icon-size) !important;
  padding: 0 !important;
  gap: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body.ui-v2-shell.customer-v2-portal
.topbar-right .topbar-icon .topbar-icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}