/* ตัวนับผู้เข้าชม — ใช้ design tokens ของ theme (มี fallback) */
.arit-vc { display: flex; flex-wrap: wrap; gap: 12px 28px; font-family: var(--font-sans, inherit); }
.arit-vc__item { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.arit-vc__num { font-size: 22px; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; color: var(--ink, #14201c); }
.arit-vc__label { font-size: 13px; color: var(--ink-3, #5b6b65); }

/* ใน shortcode/widget: การ์ดอ่อน */
.arit-vc--inline { padding: 16px 20px; background: var(--bg-elevated, #fff); border: 1px solid var(--line, #e3ddcf); border-radius: var(--radius, 14px); }

/* footer (พื้นหลังเข้ม) */
.arit-vc--footer { padding: 18px 0; border-top: 1px solid rgba(255,255,255,.1); gap: 8px 32px; }
.arit-vc--footer .arit-vc__item { flex-direction: row; align-items: baseline; gap: 8px; }
.arit-vc--footer .arit-vc__num { font-size: 17px; color: #fff; }
.arit-vc--footer .arit-vc__label { font-size: 13px; color: rgba(255,255,255,.55); }

@media (max-width: 480px) {
  .arit-vc--footer { flex-direction: column; align-items: center; gap: 6px; }
  .arit-vc--footer .arit-vc__item { justify-content: center; }
}