/* ----- NAV BUTTONS: one system (Subscribe = primary, Post a Job = secondary) ----- */

/* Shared box */
.main-navigation li.post-a-job > a,
.main-navigation .menu-bar-items .menu-bar-subscribe-button {
    display: inline-flex !important;
    align-items: center !important;
    height: 40px !important;
    padding: 0 20px !important;
    line-height: 1 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0F021E !important;
    transform: none !important;
    box-shadow: none !important;
    transition: background-color .15s ease, border-color .15s ease !important;
}

/* Primary: Subscribe */
.main-navigation .menu-bar-items .menu-bar-subscribe-button {
    background: linear-gradient(to bottom, #cefe53, #b3f801) !important;
    border: 1px solid rgba(15, 2, 30, .08) !important;
}
.main-navigation .menu-bar-items .menu-bar-subscribe-button:hover {
    /* flat lime as an image so the Studio page's dark background-color can't show through */
    background: linear-gradient(#b3f801, #b3f801) !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Secondary: Post a Job */
.main-navigation .menu-item.post-a-job,
.main-navigation li.post-a-job {
    display: flex !important;
    align-items: center !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
}
.main-navigation li.post-a-job > a {
    background: transparent !important;
    border: 1px solid rgba(15, 2, 30, .18) !important;
}
.main-navigation li.post-a-job > a:hover {
    background: rgba(15, 2, 30, .05) !important;
    border-color: rgba(15, 2, 30, .32) !important;
}

/* Focus (both) */
.main-navigation li.post-a-job > a:focus-visible,
.main-navigation .menu-bar-items .menu-bar-subscribe-button:focus-visible {
    outline: 2px solid #6F37F6 !important;
    outline-offset: 2px;
}

/* Studio page (dark nav) */
body.page-template-template-studio .main-navigation .main-nav ul li.post-a-job > a {
    color: #F8F8F0 !important;
    border: 1px solid rgba(248, 248, 240, .3) !important;
}
body.page-template-template-studio .main-navigation .main-nav ul li.post-a-job:hover > a {
    background: rgba(248, 248, 240, .08) !important;
    border: 1px solid rgba(248, 248, 240, .5) !important;
}

/* Unchanged: hide Post a Job on narrow screens */
@media (max-width: 900px) {
    .menu-item.post-a-job,
    li.post-a-job { display: none !important; }
}