/* MK Marquee — core styles
   Ensures single-row track, centered items, seamless loop, and optional fades. */

.mk-marquee.marquee{
  position:relative;
  width:100%;
  overflow:hidden;
  background:transparent;
}

/* Track */
.mk-marquee .marquee__track{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}

/* Content row (one line only) */
.mk-marquee .marquee__content{
  display:inline-flex;
  align-items:center;
  gap:var(--seg-gap, 1rem);
  white-space:nowrap;     /* NO wrapping -> prevents the second row */
  flex-wrap:nowrap;
  will-change:transform;
  animation:none;         /* JS sets the animation */
}

/* Text */
.mk-marquee-text{
  display:inline-block;
  white-space:nowrap;
  line-height:1;
  font-size:var(--mk-font, 14px);
}

/* Icon wrappers (both <img> and inline SVG) */
.image-in-header,
.mk-marquee__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--mk-icon, 20px);
  height:var(--mk-icon, 20px);
  flex:0 0 auto;
}
.image-in-header svg,
.mk-marquee__icon svg{
  display:block;
  width:100%;
  height:100%;
}

/* Optional edge fades */
.mk-marquee.is-faded:before,
.mk-marquee.is-faded:after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:56px;
  pointer-events:none;
  z-index:2;
}
.mk-marquee.is-faded:before{
  left:0;
  background:linear-gradient(to right, rgba(0,0,0,.18), rgba(0,0,0,0));
}
.mk-marquee.is-faded:after{
  right:0;
  background:linear-gradient(to left, rgba(0,0,0,.18), rgba(0,0,0,0));
}

/* Keyframes use a per-instance variable set by JS */
@keyframes mk-marquee-left{
  to{ transform: translate3d(calc(-1 * var(--run, 0px)), 0, 0); }
}
@keyframes mk-marquee-right{
  to{ transform: translate3d(var(--run, 0px), 0, 0); }
}