.elementor-35328 .elementor-element.elementor-element-89ba9b3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35328 .elementor-element.elementor-element-89ba9b3:not(.elementor-motion-effects-element-type-background), .elementor-35328 .elementor-element.elementor-element-89ba9b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}/* Start custom CSS for html, class: .elementor-element-8b286a8 *//* Nền top bar giống tham khảo */
.header-top{ background:linear-gradient(90deg,#0298F1,#0071DB); }

/* Layout 2 cột trong CHÍNH container của Top bar */
.header-top .acp-topbar{
  display:flex; align-items:center; gap:16px;
  width:100%; /* bám theo container của Woodmart */
}

/* Trái: chỉ chạy trong vùng còn lại */
.acp-topbar__left{ flex:1 1 auto; min-width:0; overflow:hidden; }

/* Phải: actions */
.acp-topbar__right{
  flex:0 0 auto; display:flex; gap:16px;
}
.acp-topbar__right a{
  color:#fff; text-decoration:none; font-weight:500;
}

/* Marquee 2 dải – ổn định iOS/Android */
.acp-marquee{ display:flex; align-items:center; gap:32px; user-select:none; }
.acp-marquee__group{
  display:flex; gap:32px; flex-shrink:0; white-space:nowrap;
  will-change:transform;
  -webkit-animation:acp-scroll 22s linear infinite;
          animation:acp-scroll 22s linear infinite;
}
.acp-marquee .item{ color:#fff; font-size:14px; opacity:.95; }

/* Mobile: vẫn chạy nhưng chậm hơn, có thể ẩn actions nếu chật */
@media(max-width:768px){
  .acp-topbar{ gap:8px; }
  .acp-topbar__right{ gap:12px; font-size:14px; }
  .acp-marquee__group{ gap:16px; -webkit-animation-duration:32s; animation-duration:32s; }
  /* nếu muốn ẩn actions: bật dòng dưới */
  /* .acp-topbar__right{ display:none; } */
}

/* Tôn trọng Reduce Motion */
@media(prefers-reduced-motion:reduce){
  .acp-marquee__group{ -webkit-animation:none; animation:none; }
}

/* Keyframes (kèm prefix cho Safari) */
@-webkit-keyframes acp-scroll{ from{ -webkit-transform:translateX(0) } to{ -webkit-transform:translateX(-100%) } }
@keyframes acp-scroll{ from{ transform:translateX(0) } to{ transform:translateX(-100%) } }
/* Thêm dấu chấm phân tách giữa các item */
.acp-marquee .item {
  position: relative;
  padding-right: 50px; /* chừa chỗ cho chấm */
}

.acp-marquee .item::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255,255,255,0.55); /* màu chấm */
  transform: translateY(-50%);
}

/* Mobile: thu nhỏ chấm cho gọn */
@media(max-width:768px){
  .acp-marquee .item {
    padding-right: 50px;
  }
  .acp-marquee .item::after {
    width: 5px;
    height: 5px;
    right: 8px;
  }
}/* End custom CSS */