#custom-bottom-menu {
    background: black;
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 12px 0;       /* adjust vertical space */
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    font-family: Arial, sans-serif;
}

#custom-bottom-menu a {
    color: white;
    text-decoration: none;
    font-size: 18px;       /* icon size */
    display: flex;
    flex-direction: column; /* icon on top, label below */
    align-items: center;
}

#custom-bottom-menu a .menu-label {
    font-size: 12px;        /* label size */
    margin-top: 3px;        /* space between icon and label */
}

/* Push page content up so it doesn’t get blocked by menu */
body {
    padding-bottom: 65px;   /* adjust according to menu height */
}

/* Optional: hide on larger screens if you want */
@media (min-width: 768px) {
    #custom-bottom-menu {
        display: none;
    }
}

.header-live-menu {
    display: inline-flex;
    align-items: center; /* aligns icon and text horizontally */
    margin-right: 15px;
}

.header-live-menu svg {
    fill: red; /* red icon for live */
    margin-right: 5px; /* space between icon and text */
}

.header-live-menu .live-text {
    font-weight: bold;
    color: red;
    text-transform: uppercase;
}