/* ມື້ນີ້ in the main menu (inc/mxt-menu.php): gold pill with a live dot, and the live board in its drop-down */
body.mxm-menu .jet-mega-menu-item-19014 > .jet-mega-menu-item__inner > .jet-mega-menu-item__link--top-level {
    position: relative; align-self: center; margin: 0 4px;
    padding: 6px 14px 6px 26px !important; border-radius: 999px;
    background: #F3C95B; color: #0F2B24 !important;
    box-shadow: inset 0 0 0 1px rgba(15, 43, 36, .12);
    transition: background-color .15s ease, box-shadow .15s ease;
}
body.mxm-menu .jet-mega-menu-item-19014 > .jet-mega-menu-item__inner > .jet-mega-menu-item__link--top-level::before {
    content: ""; position: absolute; left: 12px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%;
    background: #1E9E5A; animation: mxm-menu-pulse 2.4s ease-out infinite;
}
@keyframes mxm-menu-pulse { 0% { box-shadow: 0 0 0 0 rgba(30, 158, 90, .55); } 80%, 100% { box-shadow: 0 0 0 6px rgba(30, 158, 90, 0); } }
body.mxm-menu .jet-mega-menu-item-19014 .jet-mega-menu-item__label { color: #0F2B24 !important; font-weight: 700; }
body.mxm-menu .jet-mega-menu-item-19014 .jet-mega-menu-item__dropdown { display: none; }   /* no arrow: the pill is the cue */
body.mxm-menu .jet-mega-menu-item-19014:hover > .jet-mega-menu-item__inner > .jet-mega-menu-item__link--top-level,
body.mxm-menu .jet-mega-menu-item-19014 > .jet-mega-menu-item__inner > .jet-mega-menu-item__link--top-level:focus-visible {
    background: #FFD978; box-shadow: inset 0 0 0 1px rgba(15, 43, 36, .2), 0 6px 16px -8px rgba(243, 201, 91, .9);
}

/* the drop-down */
.mxm--menu { padding: 18px 0 20px; margin: 0; }
.mxm-mhead { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.mxm-mhead__t { display: inline-flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 700; color: #15181C; }
.mxm-mhead__d { font-size: 13px; color: #5C665F; }
.mxm-mhead__go {
    margin-left: auto; display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px;
    background: #173F35; color: #fff !important; font-size: 13px; font-weight: 700;
}
.mxm-mhead__go span { color: #F3C95B; transition: transform .15s; }
.mxm-mhead__go:hover { background: #0F2B24; }
.mxm-mhead__go:hover span { transform: translateX(3px); }
.mxm--menu .mxm-board { box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
    body.mxm-menu .jet-mega-menu-item-19014 > .jet-mega-menu-item__inner > .jet-mega-menu-item__link--top-level::before { animation: none; }
}

/* ---------- the live ticker chip (body class mxm-tick-on, assets/js/mxt-menu.js) ---------- */
body.mxm-tick-on .jet-mega-menu-item-19014 > .jet-mega-menu-item__inner > .jet-mega-menu-item__link--top-level {
    position: relative; overflow: hidden; margin: 0 4px; height: 38px;
    padding: 0 14px 0 26px !important; border-radius: 999px;
    background: linear-gradient(135deg, #1F5444 0%, #173F35 45%, #0F2B24 100%);
    color: #F3C95B !important;
    box-shadow: inset 0 0 0 1px rgba(243, 201, 91, .55), inset 0 1px 0 rgba(255, 255, 255, .10), 0 6px 18px -8px rgba(15, 43, 36, .75);
    transition: box-shadow .2s ease, transform .2s ease;
}
/* the live dot */
body.mxm-tick-on .jet-mega-menu-item-19014 > .jet-mega-menu-item__inner > .jet-mega-menu-item__link--top-level::before {
    left: 13px; width: 8px; height: 8px; margin-top: -4px; background: #4ADE80;
    animation: mxm-menu-pulse 2s ease-out infinite;
}
/* a slow sheen across the chip */
body.mxm-tick-on .jet-mega-menu-item-19014 > .jet-mega-menu-item__inner > .jet-mega-menu-item__link--top-level::after {
    content: ""; position: absolute; top: 0; bottom: 0; left: -40%; width: 30%; pointer-events: none;
    background: linear-gradient(100deg, transparent 0, rgba(255, 233, 170, .28) 50%, transparent 100%);
    transform: skewX(-18deg); animation: mxm-sheen 7s ease-in-out 1.5s infinite;
}
@keyframes mxm-sheen { 0% { left: -40%; } 18%, 100% { left: 130%; } }
body.mxm-tick-on .jet-mega-menu-item-19014:hover > .jet-mega-menu-item__inner > .jet-mega-menu-item__link--top-level,
body.mxm-tick-on .jet-mega-menu-item-19014 > .jet-mega-menu-item__inner > .jet-mega-menu-item__link--top-level:focus-visible {
    background: linear-gradient(135deg, #24604E 0%, #1A4639 45%, #12332A 100%);
    box-shadow: inset 0 0 0 1px #F3C95B, inset 0 1px 0 rgba(255, 255, 255, .12), 0 10px 24px -10px rgba(243, 201, 91, .75);
    transform: translateY(-1px);
}
body.mxm-tick-on .jet-mega-menu-item-19014 .jet-mega-menu-item__title { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 8px; height: 100%; }
body.mxm-tick-on .jet-mega-menu-item-19014 .jet-mega-menu-item__label { color: #F3C95B !important; font-size: 16px; letter-spacing: .01em; text-shadow: 0 1px 0 rgba(0, 0, 0, .25); }

.mxm-tick { display: flex; align-items: center; gap: 8px; }
.mxm-tick::before { content: ""; width: 1px; height: 18px; background: rgba(245, 240, 228, .28); }
.mxm-tick__win { display: block; height: 22px; overflow: hidden; min-width: 96px;
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 14%, #000 86%, transparent 100%);
            mask-image: linear-gradient(180deg, transparent 0, #000 14%, #000 86%, transparent 100%); }
.mxm-tick__track { display: block; will-change: transform; }
.mxm-tick__i { display: flex; align-items: baseline; gap: 6px; height: 22px; line-height: 22px; white-space: nowrap; }
.mxm-tick__i i { font: 400 11.5px/22px Phetsarath, sans-serif; font-style: normal; color: rgba(245, 240, 228, .7); }
.mxm-tick__i b { font: 700 14.5px/22px system-ui, -apple-system, "Segoe UI", sans-serif; color: #fff; font-variant-numeric: tabular-nums; letter-spacing: .01em; }
.mxm-tick__i em { font-style: normal; font-size: 10px; }
.mxm-tick__i em.is-up { color: #6EE7A8; }
.mxm-tick__i em.is-down { color: #FCA5A5; }
/* room for the chip: the other items sit a little closer while the ticker shows */
@media (min-width: 1241px) {
    body.mxm-tick-on .jet-mega-menu-list > .jet-mega-menu-item > .jet-mega-menu-item__inner { padding-left: 6px; padding-right: 6px; }
    body.mxm-tick-on .jet-mega-menu-list { flex-wrap: nowrap; justify-content: space-between; }
    body.mxm-tick-on .jet-mega-menu-list .jet-mega-menu-item__dropdown { width: 12px; margin-left: 3px; }
    body.mxm-tick-on .jet-mega-menu-list .jet-mega-menu-item__dropdown svg { width: 9px; height: 9px; }
    body.mxm-tick-on .jet-mega-menu-item-19014 > .jet-mega-menu-item__inner { padding-left: 4px; padding-right: 6px; }
}
@media (max-width: 1240px) { .mxm-tick { display: none; } }
@media (prefers-reduced-motion: reduce) {
    body.mxm-tick-on .jet-mega-menu-item-19014 > .jet-mega-menu-item__inner > .jet-mega-menu-item__link--top-level::after { animation: none; display: none; }
}
