:root{
  --glg-bg: linear-gradient(90deg, #043d22, #0aa763);
  --glg-text: #f4fff9;
  --glg-muted: #d1f3e3;
  --glg-price: #ffe28a;
  --glg-news: #b9ffcc;
  --glg-shadow: 0 6px 18px rgba(0,0,0,.25);
}

.glg-ticker{
  position: relative;
  width: 100%;
  background: var(--glg-bg);
  color: var(--glg-text);
  padding: 10px 46px 10px 12px;
  overflow: hidden;
  box-shadow: var(--glg-shadow);
  z-index: 9999;
}

.glg-ticker .glg-track{
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
}

.glg-ticker .item{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: 36px;
  font-weight: 600;
}
.glg-ticker .item.news::before{
  content: "ข่าว";
  background: rgba(255,255,255,.18);
  color: var(--glg-news);
  border: 1px solid rgba(255,255,255,.24);
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 11px;
}
.glg-ticker .item.price::before{
  content: "ราคา";
  background: rgba(255,255,255,.18);
  color: var(--glg-price);
  border: 1px solid rgba(255,255,255,.24);
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 11px;
}

.glg-ticker a{ color: var(--glg-text); text-decoration: underline; }

.glg-ticker .glg-close{
  position: absolute;
  right: 8px;
  top: 8px;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 50%;
  background: rgba(255,255,255,.16);
  color: #fff;
  cursor: pointer;
  line-height: 1;
  font-size: 18px;
}
.glg-ticker .glg-close:hover{ background: rgba(255,255,255,.28); }

/* Smooth body offset (optional for fixed headers) */
body.admin-bar .glg-ticker{ top: 32px; }