.fliptum-viewora-counter {
  --fliptum-viewora-accent: #ef4444;
  --fliptum-viewora-font-size: 14px;
  --fliptum-viewora-font-weight: 600;
  --fliptum-viewora-gap: 8px;
  --fliptum-viewora-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--fliptum-viewora-gap);
  max-width: 100%;
  margin: .4em 0;
  color: inherit;
  font-family: inherit;
  font-size: var(--fliptum-viewora-font-size);
  font-weight: 400;
  line-height: 1.35;
  vertical-align: middle;
}
.fliptum-viewora-counter--align-center { display: flex; width: fit-content; margin-left: auto; margin-right: auto; }
.fliptum-viewora-counter--align-right { display: flex; width: fit-content; margin-left: auto; }
.fliptum-viewora-counter--icon-right { flex-direction: row; }
.fliptum-viewora-counter__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: var(--fliptum-viewora-accent); font-size: 1.08em; line-height: 1; }
.fliptum-viewora-counter__icon svg { display: block; width: 1em; height: 1em; }
.fliptum-viewora-counter__number { font-variant-numeric: tabular-nums; font-weight: var(--fliptum-viewora-font-weight); }
.fliptum-viewora-counter__prefix,.fliptum-viewora-counter__suffix,.fliptum-viewora-counter__label { min-width: 0; }
.fliptum-viewora-counter--badge,.fliptum-viewora-counter--solid { padding: .45em .72em; border-radius: var(--fliptum-viewora-radius); }
.fliptum-viewora-counter--badge { background: rgba(239,68,68,.10); background: color-mix(in srgb,var(--fliptum-viewora-accent) 10%,transparent); color: var(--fliptum-viewora-accent); }
.fliptum-viewora-counter--solid { background: var(--fliptum-viewora-accent); color: #fff; }
.fliptum-viewora-counter--solid .fliptum-viewora-counter__icon { color: currentColor; }
.fliptum-viewora-counter--minimal { gap: max(3px, calc(var(--fliptum-viewora-gap) / 2)); color: var(--fliptum-viewora-accent); }
.fliptum-viewora-counter--minimal .fliptum-viewora-counter__label { font-weight: 400; }
.fliptum-viewora-counter--inline { gap: max(3px, calc(var(--fliptum-viewora-gap) / 2)); }
.fliptum-viewora-counter--circle { width: 4.7em; height: 4.7em; padding: .5em; border: 1px solid var(--fliptum-viewora-accent); border-radius: 50%; flex-direction: column; justify-content: center; gap: 1px; color: var(--fliptum-viewora-accent); text-align: center; }
.fliptum-viewora-counter--circle .fliptum-viewora-counter__label { display: none; }
.fliptum-viewora-counter--circle .fliptum-viewora-counter__icon { font-size: 1.15em; }
.fliptum-viewora-counter--shadow-small { box-shadow: 0 3px 10px rgba(15,23,42,.08); }
.fliptum-viewora-counter--shadow-medium { box-shadow: 0 8px 24px rgba(15,23,42,.14); }
.fliptum-viewora-counter--shadow-none,.fliptum-viewora-counter--minimal,.fliptum-viewora-counter--inline { box-shadow: none; }

.fliptum-viewora-most-viewed { margin: 0; padding: 0; list-style: none; }
.fliptum-viewora-most-viewed li { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .75em; padding: .6em 0; border-bottom: 1px solid rgba(148,163,184,.22); }
.fliptum-viewora-most-viewed li:last-child { border-bottom: 0; }
.fliptum-viewora-most-viewed__content { display: flex; align-items: center; min-width: 0; gap: .65em; }
.fliptum-viewora-most-viewed__thumb { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 7px; object-fit: cover; background: #f1f5f9; }
.fliptum-viewora-most-viewed a { min-width: 0; overflow-wrap: anywhere; }
.fliptum-viewora-most-viewed__count { color: var(--fliptum-viewora-accent,#ef4444); font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }
.fliptum-viewora-widget-badge { display: inline-flex; }

@media (min-width: 1025px) {
  .fliptum-viewora-counter--hide-desktop { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .fliptum-viewora-counter--hide-tablet { display: none !important; }
}
@media (max-width: 767px) {
  .fliptum-viewora-counter--hide-mobile { display: none !important; }
  .fliptum-viewora-counter { max-width: 100%; }
}
.fliptum-viewora-counter--font-system { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.fliptum-viewora-counter--font-serif { font-family: Georgia,"Times New Roman",serif; }
.fliptum-viewora-counter--font-mono { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; }
.fliptum-viewora-top-content-block > h3 { margin: 0 0 .75em; }
.fliptum-viewora-most-viewed__content > div { min-width: 0; display: grid; gap: .18em; }
.fliptum-viewora-most-viewed__date { display: block; color: #64748b; font-size: .78em; line-height: 1.35; }
.fliptum-viewora-most-viewed--compact .fliptum-viewora-most-viewed__thumb { display: none; }
.fliptum-viewora-most-viewed--compact li { padding: .42em 0; }
.fliptum-viewora-top-content-block--empty { padding: .75em; border: 1px dashed rgba(148,163,184,.45); border-radius: 8px; color: #64748b; }
@media (max-width: 480px) {
  .fliptum-viewora-most-viewed li { grid-template-columns: minmax(0,1fr); }
  .fliptum-viewora-most-viewed__count { margin-left: 0; }
}

/* Theme/page-builder fallback: used only when the main the_content filter did not render. */
.fliptum-viewora-counter-fallback {
  width: min(100% - 32px, 1200px);
  margin: 16px auto;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .fliptum-viewora-counter-fallback { width: calc(100% - 24px); margin: 12px auto; }
}

/* Phase 12B.3 — canonical counter design-engine variables. */
.fliptum-viewora-counter {
  --fliptum-viewora-text: #1f2937;
  --fliptum-viewora-bg: #ffffff;
  --fliptum-viewora-border: #e2e8f0;
  --fliptum-viewora-border-width: 0px;
  --fliptum-viewora-icon-size: 18px;
  --fliptum-viewora-padding-x: 12px;
  --fliptum-viewora-padding-y: 8px;
  position: relative;
  isolation: isolate;
  color: var(--fliptum-viewora-text);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
.fliptum-viewora-counter__icon {
  width: var(--fliptum-viewora-icon-size);
  height: var(--fliptum-viewora-icon-size);
  font-size: var(--fliptum-viewora-icon-size);
}
.fliptum-viewora-counter__icon svg { width: 100%; height: 100%; }
.fliptum-viewora-counter--default {
  padding: 0;
  border: var(--fliptum-viewora-border-width) solid var(--fliptum-viewora-border);
  background: transparent;
}
.fliptum-viewora-counter--badge,
.fliptum-viewora-counter--solid {
  padding: var(--fliptum-viewora-padding-y) var(--fliptum-viewora-padding-x);
}
.fliptum-viewora-counter--badge {
  border: var(--fliptum-viewora-border-width) solid var(--fliptum-viewora-border);
  background: color-mix(in srgb, var(--fliptum-viewora-accent) 10%, var(--fliptum-viewora-bg));
}
@supports not (background: color-mix(in srgb, red 10%, white)) {
  .fliptum-viewora-counter--badge { background: rgba(239,68,68,.10); }
}
.fliptum-viewora-counter--solid {
  border: var(--fliptum-viewora-border-width) solid var(--fliptum-viewora-accent);
}
.fliptum-viewora-counter--inline,
.fliptum-viewora-counter--minimal { padding: 0; border: 0; background: transparent; }
.fliptum-viewora-counter--circle {
  width: max(4.7em, calc(var(--fliptum-viewora-font-size) * 4.7));
  height: max(4.7em, calc(var(--fliptum-viewora-font-size) * 4.7));
  border-width: max(1px, var(--fliptum-viewora-border-width));
  border-color: var(--fliptum-viewora-accent);
}
.fliptum-viewora-counter--motion-lift:hover {
  transform: translateY(-1px);
}
.fliptum-viewora-counter--motion-none { transition: none; }
@media (prefers-reduced-motion: reduce) {
  .fliptum-viewora-counter { transition: none !important; animation: none !important; transform: none !important; }
  .fliptum-viewora-counter::before,
  .fliptum-viewora-counter::after { animation: none !important; }
}