/* Dedicated Header Builder element: no box, placeholder or spacing while empty/loading. */
.nf-header-orders[hidden], .nf-header-orders-slot:has(.nf-header-orders[hidden]),
.nf-header-orders-host--empty, .nf-header-orders-legacy-hidden { display: none !important; }
/* Reuse WoodMart's icon/color/count roles; the 44px hit target is not the icon size. */
.nf-header-orders { display: inline-flex; flex: 0 0 auto; vertical-align: middle; }
.nf-header-orders .nf-header-orders__link { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 40px; padding: 0; border: 0; border-radius: 9px; color: var(--wd-header-el-color, #333); background: transparent; text-decoration: none; line-height: 1; }
.nf-header-orders .nf-header-orders__icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: var(--wd-tools-icon-base-width, 20px); height: var(--wd-tools-icon-base-width, 20px); margin-inline-end: 6px; font-size: 0; }
.nf-header-orders__icon > svg { display: block; width: 100%; height: 100%; flex-shrink: 0; }
.nf-header-orders.wd-tools-element.wd-design-2 .nf-header-orders__count { position: absolute; top: -5px; inset-inline-end: -9px; display: inline-flex; align-items: center; justify-content: center; width: max-content !important; min-width: 18px; height: 18px; padding: 0; border-radius: 99px; background-color: var(--nf-header-order-count-bg, #2c7847) !important; color: #fff; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: 0; white-space: nowrap; }
.nf-header-orders:hover .nf-header-orders__link { color: var(--wd-header-el-color-hover, rgba(51,51,51,.6)); }
.nf-header-orders__link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

/* One spacing control for this Header Builder icon group; no doubled HTML padding. */
.whb-column:has(> .nf-header-orders-slot) > .nf-header-orders-slot { padding-inline: 0; margin-inline: 0; }
.whb-column:has(> .nf-header-orders-slot) > .wd-tools-element > a { box-sizing: border-box; min-width: 44px; padding-inline: var(--nf-header-icon-padding, 6px); }

/* The mobile Text/HTML default grows across its column; keep only this slot intrinsic. */
@media (max-width: 1024px) {
  .whb-mobile-right > .nf-header-orders-slot { flex: 0 0 auto; }
}