html[data-theme="christmas"]{
    --xmas-green: #1fa35b;
    --xmas-green-dark: #137a42;
    --xmas-red: #e63946;
    --xmas-gold: #ffd166;
    --xmas-white: #fffdf7;
}

/* CHRISTMAS NAV ITEM (single source of truth) */
html[data-theme="christmas"] li.mch > a{
    position: relative;
    display: flex;
    align-items: center;
    gap: .6rem;

    padding: .65rem .85rem;
    border-radius: 14px;
    overflow: hidden;

    /* FIX: prevent "Christma s" */
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    line-height: 1.15;
    font-size: 0.95rem; /* nudge smaller so it fits */
    white-space: normal; /* allow wrap at spaces only */

    color: var(--xmas-white) !important;
    text-decoration: none;
    font-weight: 800;
    letter-spacing: .15px;

    /* Base green + Star of Bethlehem (top-right) */
    background:
            radial-gradient(circle at 92% 22%, rgba(255,209,102,.55) 0 12px, transparent 14px),
            conic-gradient(from 0deg at 92% 22%,
            rgba(255,209,102,0) 0 10deg,
            rgba(255,209,102,.95) 10deg 18deg,
            rgba(255,209,102,0) 18deg 40deg,
            rgba(255,209,102,.95) 40deg 48deg,
            rgba(255,209,102,0) 48deg 70deg,
            rgba(255,209,102,.95) 70deg 78deg,
            rgba(255,209,102,0) 78deg 100deg,
            rgba(255,209,102,.95) 100deg 108deg,
            rgba(255,209,102,0) 108deg 360deg
            ),
            linear-gradient(135deg, var(--xmas-green), var(--xmas-green-dark));

    border: 2px solid rgba(230,57,70,.95);
    box-shadow: 0 10px 20px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.18);

    transition: transform .12s ease, box-shadow .15s ease, filter .15s ease;
}

/* Wise men “journey trail” (subtle) */
html[data-theme="christmas"] li.mch > a::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    pointer-events: none;
    background: repeating-linear-gradient(
            135deg,
            rgba(255,209,102,0) 0 18px,
            rgba(255,209,102,.20) 18px 20px
    );
    opacity: .28;
}

/* Small festive “lights” (keep light, not noisy) */
html[data-theme="christmas"] li.mch > a::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    pointer-events: none;
    background:
            radial-gradient(circle at 18% 40%, rgba(255,209,102,.85) 0 3px, transparent 4px),
            radial-gradient(circle at 44% 72%, rgba(255,255,255,.80) 0 2px, transparent 4px),
            radial-gradient(circle at 66% 30%, rgba(255,209,102,.85) 0 3px, transparent 4px),
            radial-gradient(circle at 84% 62%, rgba(255,255,255,.75) 0 2px, transparent 4px);
    opacity: .45;
}

/* FIX: keep icon perfectly round/square */
html[data-theme="christmas"] li.mch > a svg{
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: block;          /* prevents inline baseline weirdness */
    aspect-ratio: 1 / 1;     /* keeps it square if anything tries to stretch */
    color: var(--xmas-gold);
    filter: drop-shadow(0 0 4px rgba(255,209,102,.7));
}

/* Hover / Active */
html[data-theme="christmas"] li.mch > a:hover{
    transform: translateY(-1px);
    filter: saturate(1.08);
    box-shadow: 0 14px 26px rgba(0,0,0,.32), 0 0 0 3px rgba(230,57,70,.22);
}

html[data-theme="christmas"] li.mch.active > a{
    border-color: var(--xmas-gold);
    box-shadow: 0 0 0 3px rgba(255,209,102,.28), 0 14px 26px rgba(0,0,0,.35);
}

html[data-theme="christmas"] .to_page_main_head.premium {
    background: var(--xmas-green);
    background-image: linear-gradient(45deg, var(--xmas-green), var(--xmas-red));
}