/*
 * CompactGymGuide: bộ token màu brand DUY NHẤT của site (rule H2).
 * Nạp ngay sau style.css của child theme (cgg-brand.php), nên ghi đè :root của child.
 * Nằm ở mu-plugins vì child theme bị vendor tự update, sửa style.css là mất.
 *
 * Hai mức cam, chia theo vai trò (tương phản WCAG trên nền trắng):
 *   --cgg-bright #EA580C (3.56:1): CHỈ cho chỗ không có chữ nhỏ: ô logo, sao, vạch, chấm.
 *   --gold       #C2410C (5.18:1, đạt AA): navbar, nút, nhãn award, giá sale, mọi chữ trắng
 *                trên nền cam hoặc chữ cam trên nền trắng.
 *   --gold-deep  #9A3412 (7.31:1): hover, nhãn category.
 * Đổi màu brand: chỉ sửa khối :root dưới đây.
 */
:root{
  --cgg-bright:#EA580C;
  --gold:#C2410C; --gold-deep:#9A3412; --sale:#C2410C;

  --color-primary:#C2410C; --color-primary-hover:#9A3412; --color-primary-dark:#9A3412;
  --color-primary-light:#FFF1E8; --color-primary-rgb:194,65,12;
  --color-accent:#C2410C; --color-accent-hover:#9A3412; --color-accent-light:#FFF1E8;

  --acms-primary-rgb:194,65,12; --acms-star-active:var(--cgg-bright);
}

/* Logo: ô "Gym" và dải sao dùng cam sáng (logotype được miễn yêu cầu tương phản WCAG). */
.logo .logo-bx::before{background:var(--cgg-bright)}
.logo .lsf svg{fill:var(--cgg-bright)}
.related-guides-list li::before{background:var(--cgg-bright)}

/* Wordmark "CompactGymGuide" dài 15 ký tự: ở 24px rộng khoảng 250px, header màn 360 đến 420px
   chỉ còn khoảng 204px (trừ 2 nút 42px và gutter). Thu về 18px để không tràn. */
@media(max-width:420px){.logo{font-size:18px}}

/* Dropdown danh mục con (desktop, navbar chỉ hiện >980px): mỗi nhóm chỉ 2 đến 5 mục, nên dùng
   1 cột thả ngay dưới mục được rê chuột, thay cho panel 3 cột rộng 720px bám mép trái của site gốc. */
.navbar .ni{position:relative}
.navbar .submenu{width:auto;min-width:240px;column-count:1;padding:10px 8px 12px;white-space:nowrap}