@charset "UTF-8";

/* NoraCommerce: desktop horizontal navigation is disabled. Mobile uses the left drawer only. */
.header__inline-menu{display:none!important}
/* Desktop header geometry is owned by nora-premium-header.css. */

/* NoraCommerce: definitive equal navigation font sizing. */


/* 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:.65rem!important;padding-bottom:.65rem!important}
  .mega-menu__list{row-gap:6px!important}
  .mega-menu__list>li{padding-left:10px;padding-right:10px}
  header-menu .mega-menu__link--level-2{padding-top:.2rem!important;padding-bottom:4px!important;margin-bottom:2px!important;line-height:1.2!important}
  .mega-menu__link:not(.mega-menu__link--level-2),
  header-menu .mega-menu__list--condensed .mega-menu__link{padding-top:.2rem!important;padding-bottom:.2rem!important;line-height:1.2!important}
  .header__submenu .header__submenu li a{padding-top:.2rem!important;padding-bottom:.2rem!important;line-height:1.2!important}
}

/* 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}
}

/* V17.4 — mobile category drawer hierarchy */
@media(max-width:989px){
 .menu-drawer__navigation .nora-mobile-all-link>a{font-weight:850!important;color:#b18b10!important;background:rgba(214,173,50,.08)}
 .menu-drawer__navigation .nora-mobile-child>a{font-weight:750!important}
 .menu-drawer__navigation .nora-mobile-third{margin:0 0 5px;padding:0 0 3px 18px;border-left:1px solid rgba(214,173,50,.22)}
 .menu-drawer__navigation .nora-mobile-third .menu-drawer__menu-item{padding-top:10px!important;padding-bottom:10px!important;font-size:12px!important;font-weight:600!important;color:rgba(var(--color-foreground),.72)!important}
 .menu-drawer__navigation details[open]>summary{background:rgba(214,173,50,.08);color:#9b7910}
 .menu-drawer__navigation .menu-drawer__submenu{background:rgb(var(--color-background))!important}
 .menu-drawer__navigation .menu-drawer__close-button{border-bottom:1px solid rgba(var(--color-foreground),.08);font-weight:850!important}
}

/* V17.5 — mobile submenu visibility fix.
   Honor drawer inherits the dark header color scheme; submenu uses a light surface.
   Keep child labels readable regardless of inherited color variables. */
@media(max-width:989px){
  .menu-drawer__navigation .menu-drawer__submenu,
  .menu-drawer__navigation .menu-drawer__inner-submenu{
    background:#fff!important;
    color:#23251f!important;
  }
  .menu-drawer__navigation .menu-drawer__submenu .menu-drawer__close-button{
    display:flex!important;
    align-items:center!important;
    min-height:52px!important;
    color:#23251f!important;
    -webkit-text-fill-color:#23251f!important;
    opacity:1!important;
    visibility:visible!important;
    background:#faf9f4!important;
    border-bottom:1px solid #ece9de!important;
    font-weight:800!important;
  }
  .menu-drawer__navigation .menu-drawer__submenu .menu-drawer__close-button .icon-arrow{
    color:#b18b10!important;
  }
  .menu-drawer__navigation .nora-mobile-child,
  .menu-drawer__navigation .nora-mobile-all-link,
  .menu-drawer__navigation .nora-mobile-third>li{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .menu-drawer__navigation .nora-mobile-child>a,
  .menu-drawer__navigation .nora-mobile-third .menu-drawer__menu-item{
    display:flex!important;
    align-items:center!important;
    min-height:50px!important;
    color:#24251f!important;
    -webkit-text-fill-color:#24251f!important;
    opacity:1!important;
    visibility:visible!important;
    background:#fff!important;
    font-weight:750!important;
    line-height:1.35!important;
    border-bottom:1px solid #ececec!important;
  }
  .menu-drawer__navigation .nora-mobile-child>a:hover,
  .menu-drawer__navigation .nora-mobile-child>a:focus-visible,
  .menu-drawer__navigation .nora-mobile-third .menu-drawer__menu-item:hover,
  .menu-drawer__navigation .nora-mobile-third .menu-drawer__menu-item:focus-visible{
    color:#8f6b00!important;
    -webkit-text-fill-color:#8f6b00!important;
    background:#fbf8ed!important;
  }
  .menu-drawer__navigation .nora-mobile-all-link>a{
    display:flex!important;
    align-items:center!important;
    min-height:50px!important;
    color:#b18400!important;
    -webkit-text-fill-color:#b18400!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .menu-drawer__navigation .nora-mobile-third{
    display:block!important;
    background:#fbfbf8!important;
  }
}