/*
 * Aria Traffic — نوار تزئینی تابلوهای ترافیکی (sign strip)
 * گنترِ کوچکِ علائم روی زمینهٔ آسفالتِ مشکی با لبهٔ زردِ بازتابنده.
 * تزئینی و بدون انیمیشن؛ تصویرِ علائم به‌صورت SVG درون‌خطِ data-URI (بدون منبع خارجی).
 */

.alo-sign-strip{
  --alo-sign-strip-h:32px;
  block-size:var(--alo-sign-strip-h);
  background-color:var(--sign-black);
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='132'%20height='34'%20viewBox='0%200%20132%2034'%3E%3Cg%20stroke='%23161A18'%20stroke-width='2'%20stroke-linejoin='round'%3E%3Cpath%20d='M18%206%20L26%2024%20L10%2024%20Z'%20fill='%23F4C518'/%3E%3Ccircle%20cx='52'%20cy='17'%20r='8'%20fill='%23D8261C'/%3E%3Crect%20x='80'%20y='9'%20width='16'%20height='16'%20rx='3'%20fill='%231C57A8'/%3E%3Cpath%20d='M116%206%20L126%2017%20L116%2028%20L106%2017%20Z'%20fill='%23137C43'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat-x;
  background-position:center;
  background-size:auto calc(var(--alo-sign-strip-h) + 2px);
  border-block:2px solid var(--sign-yellow);
  overflow:hidden;
}

/* زیرِ هدر — چسبیده، بدون فاصله */
.alo-sign-strip--header{--alo-sign-strip-h:28px;border-block-width:2px 3px}

/* بالای فوتر — جایگزین نوار خطر زرد قبلی */
.alo-sign-strip--footer{--alo-sign-strip-h:34px;margin-block-start:30px}

/* بالای آرشیو/تک‌نوشتهٔ بلاگ — داخلِ کانتینر، گوشه‌گرد */
.alo-sign-strip--blog,
.alo-sign-strip--default{--alo-sign-strip-h:26px;margin-block:14px 4px;border-radius:8px}

@media(max-width:900px){
  .alo-sign-strip{--alo-sign-strip-h:24px}
  .alo-sign-strip--footer{--alo-sign-strip-h:28px;margin-block-start:22px}
}