/**
 * Visitor counter.
 *
 * Every rule is scoped under .kaunter. A host template that styles
 * `.page__main dl` or similar does so at specificity (0,1,1), which outranks a
 * single block class — the trap that silently broke four other components on
 * this project. Keep new rules scoped the same way.
 *
 * Designed to sit on the dark footer band but readable on light backgrounds
 * too, so the module works wherever it is published.
 *
 * @copyright  Copyright (C) 2026 Institut Koperasi Malaysia. All rights reserved.
 * @license    GNU General Public License version 2 or later; see LICENSE.txt
 */
.kaunter { --k-muted: rgba(255,255,255,.75); --k-value: #fff; --k-rule: rgba(255,255,255,.18); }
.kaunter .kaunter__list {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 8px 28px; align-items: flex-end;
}
.kaunter .kaunter__row { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kaunter .kaunter__label {
  margin: 0; font-size: .6875rem; font-weight: 600;
  letter-spacing: .03em; color: var(--k-muted);
}
.kaunter .kaunter__value {
  margin: 0; font-size: 1.125rem; font-weight: 800;
  font-variant-numeric: tabular-nums; color: var(--k-value); line-height: 1.1;
}
.kaunter .kaunter__note {
  margin: 10px 0 0; padding-top: 8px; border-top: 1px solid var(--k-rule);
  font-size: .6875rem; color: var(--k-muted);
}

/* On a light background the white text would vanish. */
.kaunter--light { --k-muted: #48525F; --k-value: #12171F; --k-rule: #DFE4EA; }

@media (max-width: 480px) {
  .kaunter .kaunter__list { gap: 8px 20px; }
}