/* components/chips.css — بخشی از سیستم سبک سایت عمومی پلاس */
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:1.2px;color:#A6BBDC;
  padding:9px 18px;border:1px solid var(--line-strong);border-radius:var(--chip-radius);
  background:rgba(11,18,38,.45);backdrop-filter:blur(10px);margin-block-end:30px}
.kicker i{inline-size:6px;block-size:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:blip 2.4s infinite}
h1 .plus{position:relative;color:var(--accent-soft);white-space:nowrap;
  text-shadow:0 0 34px color-mix(in oklab,var(--accent) 65%,transparent)}
h1 .plus::after{content:"";position:absolute;inset-inline:0;inset-block-end:.04em;block-size:.1em;border-radius:.05em;
  background:linear-gradient(to left,var(--accent),transparent);opacity:.5}
.tag{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:9px 16px;border-radius:var(--chip-radius);
  border:1px solid var(--line-strong);background:rgba(11,18,38,.66);backdrop-filter:blur(12px);
  font-size:12.5px;color:#D5E1F4;text-decoration:none;white-space:nowrap;
  inset-block-start:-200px;transform:translate(-50%,-50%);will-change:left,top;
  transition:border-color var(--dur-fast),box-shadow var(--dur-fast),color var(--dur-fast)}
.tag i{inline-size:8px;block-size:8px;border-radius:50%;background:var(--tag-c,var(--accent));box-shadow:0 0 12px var(--tag-c,var(--accent))}
.tag b{font-family:var(--font-display);font-weight:800}
.tag span{color:#7E93B8}
.tag:hover{border-color:var(--tag-c,var(--accent));color:#fff;box-shadow:0 0 30px -8px var(--tag-c,var(--accent))}
.tag.modir{--tag-c:var(--brand-modir-soft)}
.tag.ravan{--tag-c:var(--brand-ravan-soft)}
@media(max-width:900px){
.tag{display:none}
}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:11px;padding:5px 12px;border-radius:var(--chip-radius);
  border:1px solid var(--line-strong);color:var(--fg-muted);white-space:nowrap}
.chip i{inline-size:6px;block-size:6px;border-radius:50%;background:currentColor}
.chip.modir{color:var(--brand-modir);border-color:color-mix(in oklab,var(--brand-modir) 34%,transparent);
  background:color-mix(in oklab,var(--brand-modir) 8%,transparent)}
.chip.ravan{color:var(--brand-ravan);border-color:color-mix(in oklab,var(--brand-ravan) 34%,transparent);
  background:color-mix(in oklab,var(--brand-ravan) 8%,transparent)}
.chip.hot{color:var(--gold-600);border-color:color-mix(in oklab,var(--gold-400) 42%,transparent);
  background:color-mix(in oklab,var(--gold-400) 12%,transparent)}
.fchips{display:flex;gap:8px;flex-wrap:wrap}
.fchip{cursor:pointer;font-family:var(--font-display);font-size:13px;font-weight:800;
  color:var(--fg-muted);background:transparent;padding:9px 16px;border-radius:var(--chip-radius);
  border:1px solid var(--line-strong);
  transition:color var(--dur-fast),border-color var(--dur-fast),background-color var(--dur-fast)}
.fchip:hover{color:var(--fg);border-color:var(--teal-600)}
.fchip.on{color:#fff;background:var(--teal-600);border-color:var(--teal-600)}
.chip.live{border-color:color-mix(in oklab,var(--brand-ravan) 55%,transparent)}
.chip.live i{background:var(--brand-ravan);animation:livedot 1.8s infinite}
.tagline{display:flex;gap:9px;flex-wrap:wrap}
.tagline a{font-family:var(--font-display);font-size:12.5px;font-weight:800;text-decoration:none;
  color:var(--fg-muted);padding:8px 15px;border-radius:var(--chip-radius);
  border:1px solid var(--line-strong);
  transition:color var(--dur-fast),border-color var(--dur-fast)}
.tagline a:hover{color:var(--teal-600);border-color:var(--teal-600)}
.chip.ok{color:#9BE7C4;border-color:rgba(155,231,196,.32);
  background:rgba(155,231,196,.10)}