/* jdtheme26 - free-shipping top bar = WoodMart's "Header banner" (Theme Settings > General > Header banner), printed above the header by
   woodmart_after_body_open. It is NOT part of the sticky header: it scrolls away, the sticky header behaves as before. Content = shortcode
   [jd_free_ship_bar] (numbers read from the real free-shipping methods, see inc/jd-free-ship.php). Look (operator choice D, 2026-10-06):
   cream band, two parts with line icons (truck / store) and a thin dashed divider. Look = tokens only. The Theme Setting "background"
   stays empty so this file is the single source of the colour. Phones (<= 767.98px) use the short wording (.jd-topbar__short) so the text
   stays 12px; wider screens use the full wording (.jd-topbar__full). Comments English only. */
:root {
  --jd-topbar-bg: var(--jd-cream-50);
  --jd-topbar-fg: var(--jd-ink-900);
  --jd-topbar-icon: var(--jd-blush-600);
  --jd-topbar-divider: var(--jd-cream-300);
  --jd-topbar-fs: 13px;
  --jd-topbar-gap: 16px;
  --jd-topbar-item-gap: 6px;
  --jd-topbar-icon-size: 17px;
  --jd-topbar-h: 36px;
  --wd-hb-opt-h: var(--jd-topbar-h);   /* WoodMart reads this variable for the banner height; set here so the space is reserved (no layout shift) without a Theme Settings save */
}
@media (max-width: 767.98px) {
  :root { --jd-topbar-fs: 13px; --jd-topbar-gap: 10px; --jd-topbar-item-gap: 5px; --jd-topbar-icon-size: 15px; }
}
.wd-hb-wrapp .wd-hb {
  background: var(--jd-topbar-bg);
  border-bottom: 1px solid var(--jd-cream-200);
  color: var(--jd-topbar-fg);
}
.wd-hb-wrapp .wd-hb .container { display: flex; align-items: center; justify-content: center; padding-inline: 15px; }   /* WoodMart's 30px phone padding is too wide for one line at 360 */
.jd-topbar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--jd-topbar-gap);
  margin: 0;
  color: var(--jd-topbar-fg);
  font-size: var(--jd-topbar-fs);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: .06em;
  white-space: nowrap;
}
.jd-topbar strong { font-weight: 700; font-variant-numeric: tabular-nums; }
.jd-topbar__item { display: inline-flex; align-items: center; gap: var(--jd-topbar-item-gap); }
.jd-topbar__ico {
  flex: none;
  width: var(--jd-topbar-icon-size);
  height: var(--jd-topbar-icon-size);
  color: var(--jd-topbar-icon);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.jd-topbar__sep { flex: none; align-self: stretch; margin-block: 3px; border-left: 1px dashed var(--jd-topbar-divider); }
.jd-topbar__short { display: none; }
@media (max-width: 767.98px) {
  .jd-topbar__full { display: none; }   /* display:none keeps the hidden wording away from screen readers */
  .jd-topbar__short { display: inline; }
}
@media (max-width: 480px) {
  .wd-hb-wrapp .wd-hb .container { padding-inline: 8px; }
  .jd-topbar { letter-spacing: .02em; }
}
.wd-hb-link:focus-visible { outline: 2px solid var(--jd-accent); outline-offset: -3px; }