/* =========================================================================
   de-marquee — نوار متحرک انگیزشی · طرح‌های 02-marquee-hero.html و 16-marquee-faq.html
   دو ظاهر دارد: گرادیانتی (پیش‌فرض) و کم‌رنگ با کادر بالا/پایین.
   وابسته به: de-base.css
   ========================================================================= */

.demq{position:relative;overflow:hidden;direction:ltr;background:linear-gradient(90deg,var(--mq-c1,var(--zn-crim)),var(--mq-c2,var(--zn-rose)) 55%,var(--mq-c3,var(--zn-rose2)));padding:14px 0;}

/* ظاهر کم‌رنگ: پس‌زمینهٔ یکدست + کادر نازک بالا و پایین */
.demq.is-soft{background:var(--mq-bg,var(--zn-bg1));border-top:var(--mq-bw,1px) solid var(--mq-bc,rgba(var(--zn-line),.14));border-bottom:var(--mq-bw,1px) solid var(--mq-bc,rgba(var(--zn-line),.14));}

/* ماسک محوشدگی دو سر نوار (اختیاری) */
.demq.has-fade::before,.demq.has-fade::after{content:"";position:absolute;top:0;bottom:0;width:var(--mq-fade,70px);z-index:2;pointer-events:none;}
.demq.has-fade::before{right:0;background:linear-gradient(to left,var(--mq-c3,var(--zn-rose2)),transparent);}
.demq.has-fade::after{left:0;background:linear-gradient(to right,var(--mq-c1,var(--zn-crim)),transparent);}
.demq.is-soft.has-fade::before{background:linear-gradient(to left,var(--mq-bg,var(--zn-bg1)),transparent);}
.demq.is-soft.has-fade::after{background:linear-gradient(to right,var(--mq-bg,var(--zn-bg1)),transparent);}

/* جابه‌جایی یک «مجموعه» است، نه همیشه نصفِ نوار؛ پس به تعداد تکرار وابسته است. */
@keyframes demq-run{from{transform:translateX(0);}to{transform:translateX(var(--mq-shift,-50%));}}
/* فاصله با margin روی «همهٔ» فرزندها (نه gap) تا عرض هر مجموعه دقیقاً برابر
   باشد و حلقه بدون پرش ببندد. */
.demq-track{display:flex;align-items:center;width:max-content;animation:demq-run var(--mq-dur,26s) linear infinite;}
/* margin فیزیکی لازم است: آیتم‌ها dir="rtl" دارند و margin-inline-end
   روی آن‌ها به سمت چپ می‌افتد و فاصله‌ها را جابه‌جا می‌کند. */
.demq-track > *{margin-right:var(--mq-gap,36px);margin-left:0;}
.demq.is-reverse .demq-track{animation-direction:reverse;}
.demq.pause-hover:hover .demq-track{animation-play-state:paused;}

.demq-item{font-size:14.5px;font-weight:900;color:var(--it-color,var(--mq-item-color,#FFF));white-space:nowrap;}
.demq-item.is-ltr{direction:ltr;letter-spacing:1px;}
.de-scope a.demq-item{color:var(--it-color,var(--mq-item-color,#FFF));transition:opacity .2s ease;}
.de-scope a.demq-item:hover{color:var(--it-color,var(--mq-item-color,#FFF));opacity:.82;}

.demq-dot{width:var(--mq-dot-size,8px);height:var(--mq-dot-size,8px);border-radius:50%;flex-shrink:0;background:var(--dot-c,var(--zn-gold));box-shadow:0 0 var(--mq-dot-glow,10px) var(--dot-c,var(--zn-gold));}
.demq-dot.no-glow{box-shadow:none;}

@media (prefers-reduced-motion:reduce){
  .demq-track{animation:none;justify-content:center;width:100%;flex-wrap:wrap;}
}

/* اندازه/فاصله/پدینگِ موبایل از پیش‌فرضِ موبایلِ کنترل‌ها می‌آید، نه از اینجا،
   تا مقدارِ دلخواه کاربر بازنویسی نشود. */