/*
 * ITAHUKA_MEDIAOPS_PUBLISHING_NAV_V1
 *
 * Navigation presentation only.
 */

.itahuka-publishing-submenu-v1 {
    display: grid;
    gap: 2px;

    margin:
        2px
        8px
        8px
        31px;

    padding:
        3px
        0
        3px
        11px;

    border-left:
        1px solid
        rgba(77, 159, 207, .34);
}

.itahuka-publishing-submenu-v1[hidden] {
    display: none !important;
}

.itahuka-publishing-submenu-v1 a {
    display: flex;
    align-items: center;

    min-height: 31px;

    padding:
        6px
        9px;

    border:
        1px solid transparent;

    border-radius:
        6px;

    color:
        #9db9c9;

    text-decoration:
        none;

    font-size:
        12px;

    line-height:
        1.2;

    transition:
        background .12s ease,
        border-color .12s ease,
        color .12s ease;
}

.itahuka-publishing-submenu-v1 a:hover {
    background:
        rgba(25, 122, 178, .10);

    border-color:
        rgba(58, 159, 216, .25);

    color:
        #e9f8ff;
}

.itahuka-publishing-submenu-v1 a.is-active {
    background:
        rgba(22, 136, 199, .22);

    border-color:
        rgba(39, 181, 255, .45);

    color:
        #ffffff;

    font-weight:
        800;
}

.itahuka-publishing-submenu-v1 a::before {
    content: "";

    width: 5px;
    height: 5px;

    margin-right:
        8px;

    border-radius:
        50%;

    background:
        #4b829f;

    flex:
        0 0 auto;
}

.itahuka-publishing-submenu-v1 a.is-active::before {
    background:
        #31c3ff;

    box-shadow:
        0 0 7px
        rgba(49,195,255,.6);
}

/*
 * If a legacy Schedule Preparation item survives in a shell,
 * JavaScript marks only that navigation item for removal.
 */
.itahuka-legacy-schedule-nav-v1 {
    display: none !important;
}

@media (max-width: 900px) {
    .itahuka-publishing-submenu-v1 {
        margin-left: 25px;
    }
}