/* NoraCommerce: definitive equal navigation font sizing. */
@charset "UTF-8";

/* Desktop: the top navigation and every opened dropdown/mega-menu level are exactly the same size.
   !important is intentional because the original Honor theme declares 14px/16px in later/specific component rules. */
.header__inline-menu .header__menu-item,
.header__inline-menu .header__menu-item > span,
.header__inline-menu summary.header__menu-item,
.header__inline-menu summary.header__menu-item > span,
.header__inline-menu header-menu .mega-menu__content .mega-menu__link,
.header__inline-menu header-menu .mega-menu__content .mega-menu__link--level-2,
.header__inline-menu .mega-menu__content .mega-menu__link,
.header__inline-menu .mega-menu__content .mega-menu__link--level-2,
.header__inline-menu .header__submenu .header__menu-item,
.header__inline-menu .header__submenu .header__menu-item > span,
.header__inline-menu .header__submenu .header__submenu li a,
header-menu.nora-mega .mega-menu__link,
.nora-mega .mega-menu__link,
.nora-mega .mega-menu__link--level-2 {
  font-size:12px !important;
}

/* Mobile: top-level and all opened child levels use the same 12px equivalent. */
.menu-drawer__navigation > .menu-drawer__menu > li > .menu-drawer__menu-item,
.menu-drawer__navigation > .menu-drawer__menu > li > details > summary.menu-drawer__menu-item,
.menu-drawer__submenu .menu-drawer__menu-item,
.nora-mobile-third .menu-drawer__menu-item,
.no-js .menu-drawer__submenu .menu-drawer__menu-item,
.menu-drawer__close-button {
  font-size:1.2rem !important;
}

/* NoraCommerce: compact opened submenu spacing. Main/top navigation spacing is untouched. */
@media screen and (min-width:990px){
  .mega-menu__content{padding-top:1rem;padding-bottom:1rem}
  .mega-menu__list{row-gap:18px}
  .mega-menu__list>li{padding-left:10px;padding-right:10px}
  header-menu .mega-menu__link--level-2{padding-top:.35rem;padding-bottom:6px;margin-bottom:5px}
  .mega-menu__link:not(.mega-menu__link--level-2),
  header-menu .mega-menu__list--condensed .mega-menu__link{padding-top:.35rem;padding-bottom:.35rem}
  .header__submenu .header__submenu li a{padding-top:.35rem;padding-bottom:.35rem}
}

/* Mobile: only opened submenu levels become denser; top-level items stay unchanged. */
@media screen and (max-width:989px){
  .menu-drawer__submenu .menu-drawer__menu-item,
  .nora-mobile-third .menu-drawer__menu-item{padding-top:1rem;padding-bottom:1rem}
  .menu-drawer__submenu .menu-drawer__menu li + li{margin-top:0}
}

/* NoraCommerce: utility bar actions replace country/language selectors. */
.nora-utility-actions{display:flex;align-items:center;justify-content:flex-end;gap:0;min-height:100%;white-space:nowrap}
.nora-utility-actions .nora-utility-action{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 13px;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:500;line-height:1;background:transparent;border:0;cursor:pointer;font-family:inherit;position:relative}
.nora-utility-actions .nora-utility-action + .nora-utility-action{border-left:1px solid rgba(255,255,255,.32)}
.nora-utility-actions .nora-utility-action:hover,.nora-utility-actions .nora-utility-action:focus-visible{color:#f3d900!important}
.nora-utility-actions .nora-utility-action svg{width:18px;height:18px;display:block;flex:0 0 18px}
.nora-utility-actions .header__search>details>summary{padding:0 13px!important;min-width:auto;width:auto;height:34px;color:inherit}
.nora-utility-actions .header__search .visually-hiddenn{display:inline!important;position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;margin:0!important}
.nora-utility-actions .account-text{display:block}
.nora-utility-actions .login-label{display:inline!important}
.nora-utility-actions .header__icon--cart .visually-hiddenn{display:inline!important;position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;margin:0!important}
.nora-utility-actions .cart-count-bubble{position:static!important;margin-left:1px;transform:none!important}
.utility-bar__grid .nora-utility-actions{justify-self:end}
@media screen and (max-width:989px){
  .nora-utility-actions{justify-content:center;width:100%;border-top:1px solid rgba(255,255,255,.16);margin-top:6px;padding-top:3px}
  .nora-utility-actions .nora-utility-action{padding:0 9px;font-size:11px}
}
