/* tuvicaimenh reskin — child of webgame. Loaded AFTER webgame tailwind.css via
   the theme overrideCss hook (theme.json config.overrideCss), ONLY when
   active_theme=tuvicaimenh.

   Intentionally EMPTY of rules. The P1 diagnosis (2026-07-01) established that the
   webgame parent already clones reviews.tuvicaimenh.com's design: after fixing the
   real "chưa ăn CSS" bug (an unlayered .grid-cols-* in webgame critical.css that
   shadowed the container-query review grid → see the theme-optimization plan), the
   layout, typography, spacing and components already match prod. Identity stays
   VIOLET, which is already the webgame default.

   Where the remaining "not like prod" bits actually live (NONE are CSS here):
   - Branding (logo, site name, footer copyright): customizer / cms_options
     (logo_path, sitename, sitedescription, theme:tuvicaimenh:cust:pub) — data.
   - Rating stars render grey because every migrated post-review has
     ratingaverage=0 AND cms_fratings 4-axis scores=0 (data gap from the migrator),
     so the widget draws all-empty stars. The gold fill is already wired
     (.stars{color:var(--color-star)} in critical.css + tailwind-webgame.css); it
     only shows once real rating data exists. This is a DATA fix, not CSS.

   If branding ever diverges from webgame defaults, redefine webgame @theme vars
   here at :root (unlayered → wins over Tailwind's @layer theme; do NOT wrap this
   file in @layer). Prefer the customizer for site identity over hard CSS. */

/* ── Header nav active/hover — soft violet pill ──────────────────────────────
   The nav links ship `hover:bg-white/50` and `group-[.active]:bg-white/60`,
   which paint a stark white pill on the violet-tinted header (looked harsh —
   "hover xấu"). Retint to a light violet that belongs on this brand, with
   violet-ink text. Unlayered → wins over the layered Tailwind utilities. Scoped
   to `header` so the footer's identically-classed links keep their own look. */
header li.group > a:hover {
    background: color-mix(in oklab, var(--color-accent) 8%, #fff);
    color: var(--color-accent-ink);
}
header li.group.active > a {
    background: color-mix(in oklab, var(--color-accent) 12%, #fff);
    color: var(--color-accent-ink);
    box-shadow: 0 1px 4px rgba(91, 33, 182, .12), inset 0 1px 0 0 rgba(255, 255, 255, .55);
}

/* ── Footer menu — remove default list bullets ───────────────────────────────
   The footer menu HTML injects bare <li> straight into `.menu-footer` (no <ul>
   wrapper, unlike the header nav's `list-none` <ul>), so the <li> rendered with
   their default disc markers ("chưa có css"). Drop the markers; the anchors are
   already fully styled. */
.menu-footer li { list-style: none; }