/* Native Flatsome header controls only. Keep anchors, forms and Woo fragment targets intact. */
#header #masthead .account-item > a,
#header #masthead .header-search > a,
#header #masthead .cart-item > a.header-cart-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  min-height:44px;
  padding:0;
}
#header #masthead .header-nav.nav-right,
#header #masthead .mobile-nav.nav-right { gap:18px; }
#header #masthead .nav-right > li.account-item,
#header #masthead .nav-right > li.header-search,
#header #masthead .nav-right > li.cart-item { margin-left:0; margin-right:0; }
#header #masthead .account-item > a > i.icon-user,
#header #masthead .header-search > a > i.icon-search,
#header #masthead .cart-item > a.header-cart-link > i.icon-shopping-basket {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  width:26px;
  height:26px;
  margin:0;
  font-size:0!important;
  line-height:1!important;
  vertical-align:middle;
}
#header #masthead .account-item > a > i.icon-user::before,
#header #masthead .header-search > a > i.icon-search::before,
#header #masthead .cart-item > a.header-cart-link > i.icon-shopping-basket::before {
  content:''!important;
  display:block;
  width:26px;
  height:26px;
  background:currentColor;
  -webkit-mask:var(--wpfcu-header-icon) center/26px 26px no-repeat;
  mask:var(--wpfcu-header-icon) center/26px 26px no-repeat;
}
#header #masthead .account-item > a > i.icon-user {
  --wpfcu-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7.75' r='3.5'/%3E%3Cpath d='M5 20c0-4.2 3.1-6.5 7-6.5s7 2.3 7 6.5'/%3E%3C/svg%3E");
}
#header #masthead .header-search > a > i.icon-search {
  --wpfcu-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3C/svg%3E");
}
#header #masthead .cart-item > a.header-cart-link > i.icon-shopping-basket {
  --wpfcu-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7.5h14l1 13H4l1-13Z'/%3E%3Cpath d='M8.5 8V6a3.5 3.5 0 0 1 7 0v2'/%3E%3C/svg%3E");
}
/* More specific than site-level [data-icon-label]::after !important blue rules. */
#header #masthead .cart-item > a.header-cart-link > i.icon-shopping-basket[data-icon-label]::after {
  content:attr(data-icon-label);
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:-7px;
  right:-8px;
  min-width:17px;
  height:17px;
  padding:0 4px;
  margin:0;
  border:0;
  border-radius:999px;
  background:#000!important;
  background-color:#000!important;
  color:#fff!important;
  font-family:Arial,sans-serif;
  font-size:10px!important;
  font-style:normal;
  font-weight:700;
  line-height:17px!important;
  text-align:center;
  white-space:nowrap;
  box-sizing:border-box;
  pointer-events:none;
  box-shadow:none;
}
#header #masthead .cart-item > a.header-cart-link > i.icon-shopping-basket[data-icon-label='0']::after { display:none; }

/* Existing rotator script owns the copy, active slide and play/pause state. */
#header #top-bar { min-height:40px; }
#header #top-bar .htw-announcements {
  display:grid;
  align-items:center;
  position:relative;
  width:min(760px,calc(100vw - 32px));
  max-width:100%;
  min-height:40px;
  height:auto;
  margin:auto;
  padding:7px 34px 7px 10px;
  box-sizing:border-box;
  font-size:15px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.025em;
  text-align:center;
  white-space:normal;
}
#header #top-bar .htw-announcements > span {
  display:block;
  grid-area:1 / 1;
  align-self:center;
  position:relative;
  inset:auto;
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  animation:none;
  transition:opacity .24s ease,visibility .24s ease;
  overflow-wrap:normal;
}
#header #top-bar .htw-announcements:not(.is-ready) > span:first-child,
#header #top-bar .htw-announcements.is-ready > span.is-active {
  opacity:1;
  visibility:visible;
}
#header #top-bar .htw-announcements strong {
  color:inherit;
  font-size:1.05em;
  font-weight:800;
  letter-spacing:.035em;
  white-space:nowrap;
}
#header #top-bar .htw-announcement-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  right:2px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  min-width:28px;
  min-height:28px;
  height:28px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font-size:12px;
  line-height:1;
  cursor:pointer;
}
#header #top-bar .htw-announcement-toggle:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
/* Dedicated provider: previous / current message / next / pause stay visible. */
#header #top-bar .wpfcu-announcements {
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 32px 26px;
  align-items:center;
  gap:6px;
  width:min(780px,calc(100vw - 32px));
  max-width:100%;
  min-height:42px;
  height:auto;
  margin:auto;
  padding:6px 0;
  box-sizing:border-box;
  color:#fff;
  font-size:15px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.025em;
  text-align:center;
  white-space:normal;
  overflow:visible;
}
#header #top-bar .wpfcu-announcement-slides {
  display:grid;
  align-items:center;
  min-width:0;
  padding:0 2px;
  white-space:normal;
  overflow:visible;
}
#header #top-bar .wpfcu-announcement-slides > [data-wpfcu-slide] {
  display:block;
  grid-area:1 / 1;
  position:relative;
  inset:auto;
  margin:0;
  padding:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  animation:none;
  transition:opacity .24s ease,visibility .24s ease;
  white-space:normal;
  overflow-wrap:normal;
}
#header #top-bar .wpfcu-announcement-slides > [data-wpfcu-slide].is-active,
#header #top-bar .wpfcu-announcement-slides > [data-wpfcu-slide][aria-hidden='false'] {
  opacity:1;
  visibility:visible;
}
#header #top-bar .wpfcu-announcements strong {
  font-size:1.05em;
  font-weight:800;
  letter-spacing:.035em;
  color:inherit;
  white-space:nowrap;
}
#header #top-bar .wpfcu-announcements > [data-wpfcu-prev],
#header #top-bar .wpfcu-announcements > [data-wpfcu-next],
#header #top-bar .wpfcu-announcements > [data-wpfcu-pause] {
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  position:relative;
  width:32px;
  min-width:0;
  max-width:none;
  height:32px;
  min-height:32px;
  margin:0;
  padding:0;
  border:0;
  border-radius:4px;
  box-shadow:none;
  background:transparent;
  color:inherit;
  font-size:22px;
  font-weight:400;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible;
  cursor:pointer;
}
#header #top-bar .wpfcu-announcements > [data-wpfcu-pause] { width:26px; font-size:12px; }
#header #top-bar .wpfcu-announcements > button:hover { background:rgba(255,255,255,.14); }
#header #top-bar .wpfcu-announcements > button:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
@media (max-width:849px) {
  #header #masthead .mobile-nav.nav-right { gap:10px; }
  #header #top-bar { min-height:42px; }
  #header #top-bar .htw-announcements {
    width:calc(100vw - 16px);
    min-height:42px;
    padding:6px 32px 6px 4px;
    font-size:13px;
    line-height:1.35;
    letter-spacing:.01em;
  }
  #header #top-bar .wpfcu-announcements {
    grid-template-columns:28px minmax(0,1fr) 28px 24px;
    gap:4px;
    width:calc(100vw - 20px);
    min-height:50px;
    padding:7px 0;
    font-size:13px;
    line-height:1.35;
    letter-spacing:.01em;
  }
  #header #top-bar .wpfcu-announcements > [data-wpfcu-prev],
  #header #top-bar .wpfcu-announcements > [data-wpfcu-next] { width:28px; }
  #header #top-bar .wpfcu-announcements > [data-wpfcu-pause] { width:24px; }
}
@media (prefers-reduced-motion:reduce) {
  #header #top-bar .htw-announcements > span,
  #header #top-bar .wpfcu-announcement-slides > [data-wpfcu-slide] { animation:none!important; transition:none!important; }
}