/* ORISILK 3.2.3 · IN-FLOW STICKY HEADER
 * This sheet owns header chrome only. POEM owns dropdown, DUONG owns popup/search.
 * Icon markup is normalized server-side; no masks or pseudo-icon overlays.
 */
:root{--ori-u-moss:#202115;--ori-u-ivory:#F7F4EC;--ori-u-sage:#B7BC94;--ori-u-olive:#7C8659;--ori-u-font:'Be Vietnam Pro',Arial,sans-serif;--ori-u-icon-size:21px;--ori-u-control-size:44px}
.ori-u-header,.ori-u-header *{box-sizing:border-box}
/* Keep the global header in document flow. */
.ori-u-header{
  --ori-u-fg:var(--ori-u-ivory);
  position:sticky;top:var(--ori-u-sticky-offset, var(--wp-admin--admin-bar--height, 0px));
  display:block;width:100%;height:76px;z-index:40;
  margin:0;float:none;transform:none;
  color:var(--ori-u-fg);background-color:var(--ori-u-moss);
  border:0;border-radius:0;box-shadow:none;
  font-family:var(--ori-u-font);-webkit-font-smoothing:antialiased;
  transition:background-color .55s cubic-bezier(.22,1,.36,1)
}
/* Retain the original homepage transparent-to-moss scroll transition.
   The Elementor container background can show through at page top. */
.ori-u-header[data-state="top"]:not(.is-interacting){background-color:transparent}
.ori-u-header[data-state="solid"],.ori-u-header.is-interacting{background-color:var(--ori-u-moss)}
/* Elementor's shortcode wrapper can be only header-height: anchor sticky
   to its immediate section/container instead (the actual in-flow element). */
.ori-u-sticky-host{
  position:sticky!important;
  top:var(--ori-u-sticky-offset, var(--wp-admin--admin-bar--height, 0px))!important;
  z-index:40;
}
.ori-u-sticky-host .ori-u-header{position:relative;top:auto;z-index:auto}
/* Never hide a sticky host: a single Elementor host often contains both
   desktop and mobile shortcode variants. Only hide individual headers. */
.ori-u-desktop .ori-u-inner{
  display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
  align-items:center;gap:18px;width:100%;height:100%;padding:0 clamp(24px,4vw,68px)
}
.ori-u-brand{display:inline-flex;align-items:center;justify-content:flex-start;min-width:0;width:max-content;line-height:0;text-decoration:none!important}
.ori-u-brand img{display:block;width:98px!important;max-width:110px!important;height:65px!important;object-fit:contain;filter:brightness(0) invert(1);transition:opacity .25s ease}
.ori-u-brand:hover img{opacity:.76}
.ori-u-navigation{display:flex;align-items:center;justify-content:center;min-width:0;height:100%}
.ori-u-navigation .pqmm,.ori-u-navigation .pqmm__nav{display:flex;align-items:center;justify-content:center;height:100%}
.ori-u-navigation .pqmm{--pqmm-nav-color:var(--ori-u-ivory)}
.ori-u-navigation .pqmm__list{gap:clamp(20px,1.6vw,31px)!important}
.ori-u-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.ori-u-action{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 var(--ori-u-control-size);width:var(--ori-u-control-size);height:var(--ori-u-control-size)}
.ori-u-header .ori-u-action :is(.fxh-btn,.ufs2-trigger,.acx-cart-icon){
  position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:var(--ori-u-control-size)!important;min-width:var(--ori-u-control-size)!important;height:var(--ori-u-control-size)!important;
  padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:var(--ori-u-ivory)!important;-webkit-text-fill-color:var(--ori-u-ivory)!important;
  appearance:none!important;cursor:pointer;transition:opacity .24s ease!important;
}
.ori-u-header .ori-u-action :is(.fxh-btn,.ufs2-trigger,.acx-cart-icon):hover{opacity:.7!important}
.ori-u-header .ori-u-action :is(.fxh-btn,.ufs2-trigger,.acx-cart-icon)::before,
.ori-u-header .ori-u-action :is(.fxh-btn,.ufs2-trigger,.acx-cart-icon)::after{content:none!important;display:none!important}
.ori-u-header .ori-u-svg{
  display:block!important;flex:0 0 var(--ori-u-icon-size);width:var(--ori-u-icon-size)!important;height:var(--ori-u-icon-size)!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.5!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
  filter:none!important;transform:none!important;
}
.ori-u-header .ori-u-svg :is(path,circle){fill:none!important;stroke:currentColor!important;stroke-width:1.5!important}
.ori-u-header .fxh-wishlist-path{fill:none!important;stroke:currentColor!important}
.ori-u-header .ori-u-action :is([data-acx-cart-count],.fxh-wl-count){
  font-family:var(--ori-u-font)!important;font-size:9px!important;
  background-color:var(--ori-u-ivory)!important;color:var(--ori-u-moss)!important;
  -webkit-text-fill-color:var(--ori-u-moss)!important;
  border:0!important;box-shadow:none!important;
}
.ori-u-header [hidden]{display:none!important}
.ori-u-header a:focus-visible,.ori-u-header button:focus-visible{outline:1px solid var(--ori-u-sage)!important;outline-offset:3px}
.ori-u-mobile{display:none}
@media (min-width:1025px) and (max-width:1250px){
  .ori-u-desktop .ori-u-inner{grid-template-columns:minmax(105px,1fr) auto minmax(105px,1fr);padding:0 24px;gap:12px}
  .ori-u-actions{gap:4px}
}
@media (max-width:1024px){
  .ori-u-desktop{display:none!important}
  .ori-u-mobile{display:block;height:68px}
  .ori-u-mobile-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;gap:10px}
  .ori-u-menu-launch{display:inline-flex;align-items:center;justify-content:flex-start;width:var(--ori-u-control-size);height:var(--ori-u-control-size);color:var(--ori-u-ivory)!important;background:transparent!important;box-shadow:none!important;border:0!important}
  .ori-u-menu-svg{display:block;width:24px;height:24px}
  .ori-u-mobile .ori-u-brand{justify-self:center}
  .ori-u-mobile .ori-u-brand img{max-width:110px!important;height:50px!important;width:76px!important}
  .ori-u-mobile .ori-u-actions{justify-self:end;gap:0;align-items:center}
  .ori-u-mobile .ori-u-action{flex:0 0 44px;width:44px;height:44px}
}
@media(max-width:370px){.ori-u-mobile-inner{padding:0 14px}}
@media(prefers-reduced-motion:reduce){.ori-u-header,.ori-u-header *{transition-duration:.01ms!important}}
