
/* mehrzad.dev - Infinite Ticker (Elementor) v1.1.0 */
/* JS-driven loop (no CSS keyframe reset). */
.mzd-ticker-outer{width:100%;position:relative;overflow:hidden;background:#000;}
.mzd-ticker-outer.mzd-fade::before,.mzd-ticker-outer.mzd-fade::after{content:"";position:absolute;top:0;height:100%;width:120px;z-index:5;pointer-events:none;}
.mzd-ticker-outer.mzd-fade::before{left:0;background:linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));}
.mzd-ticker-outer.mzd-fade::after{right:0;background:linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));}
.mzd-ticker-inner{width:90%;margin:0 auto;position:relative;overflow:hidden;padding:14px 0;}
.mzd-ticker-stack{display:flex;flex-direction:column;gap:14px;}
.mzd-row{width:100%;overflow:hidden;}
.mzd-track{display:block;position:relative;width:100%;overflow:hidden;}
.mzd-mover{display:flex;width:max-content;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden;}
.mzd-ticker-group{display:flex;flex-wrap:nowrap;align-items:center;gap:18px;}
.mzd-ticker-item{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:999px;background:rgba(13,13,13,0.85);border:1px solid rgba(255,255,255,0.08);box-sizing:border-box;white-space:nowrap;}
.mzd-ticker-left{display:flex;align-items:center;gap:10px;}
.mzd-ticker-avatar{width:28px;height:28px;border-radius:999px;display:block;flex:0 0 auto;object-fit:cover;}
.mzd-avatar-fallback{background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.25), rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.12);}
.mzd-ticker-text{display:flex;flex-direction:column;line-height:1.1;}
.mzd-ticker-title{color:#fff;font-size:14px;font-weight:600;}
.mzd-ticker-meta{color:rgba(255,255,255,.7);font-size:12px;display:flex;gap:8px;}
.mzd-ticker-badge{color:#fff;font-size:12px;opacity:.85;}
@media (max-width:767px){
  .mzd-ticker-outer.mzd-fade::before,.mzd-ticker-outer.mzd-fade::after{width:60px;}
  .mzd-ticker-group{gap:14px;}
  .mzd-ticker-item{padding:9px 12px;}
  .mzd-ticker-title{font-size:13px;}
  .mzd-ticker-meta{font-size:11px;}
}

/* Direction flip for Right (visual), JS always moves left */
.mzd-track.mzd-dir-right{transform:scaleX(-1);}
.mzd-track.mzd-dir-right .mzd-ticker-item{transform:scaleX(-1);}
