.WaLayoutRow:has(.loginBoxLogout) .tccc-join-btn,
.WaLayoutRow:has(.loginBoxProfileLink) .tccc-join-btn,
.WaLayoutRow:has(.loginBoxWelcome) .tccc-join-btn {
    display: none !important;
}


    .tccc-join-btn {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    background-color: #ef4136 !important; /* TCCC Red */
    text-decoration: none !important;
    padding: 8px 24px !important;
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    box-shadow: 0 4px 10px rgba(239, 65, 54, 0.2);
    border: none !important;
    float: right;
    position: relative;
    left: 10px;
    top: -10px;
}

.tccc-join-btn:hover {
    background-color: #003366 !important; /* Switch to Navy on hover */
    box-shadow: 0 6px 12px rgba(0, 51, 102, 0.2);
    transform: translateY(-1px);
}


.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.dir>.item>a>span:before {
    background: none !important;
}

#id_BiZv7zx ul.firstLevel > li.sel > .item span {
    border: none !important;
}

@media (max-width: 768px) {
    .tccc-custom-header { flex-direction: column; padding: 25px 5%; }
    .tccc-header-right { text-align: center; align-items: center; margin-top: 15px; width: 100%; }
    .tccc-header-socials, #id_AAlJgtv { justify-content: center; }

    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel>li.sel>.item>a:after, #id_BiZv7zx ul.firstLevel > li.dir > .item a::after {
        display: none !important;
    }

    #id_AAlJgtv { justify-content: center !important;}

    /* Blue nav bar background */
    #id_BiZv7zx .menuBackground {
        width: 100vw !important;
        left: 0 !important;
        height: 54px !important;
    }

    /* Hamburger button */
    #id_BiZv7zx .menuButton {
        display: block !important;
        width: 54px !important;
        height: 54px !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        border-radius: 0 !important;
        text-indent: -9999px !important;
        overflow: hidden !important;
        cursor: pointer !important;
        /* White icon on blue — matches the nav bar */
        background-color: #234b99 !important;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 24px !important;
    }

    #id_BiZv7zx .menuButton {
        background-color: transparent !important;
    }

    /* Main menu — no display set in CSS, fully owned by WA JS + our MutationObserver */
    #id_BiZv7zx ul.firstLevel {
        flex-direction: column !important;
        background: #234b99 !important;
        position: absolute !important;
        top: 54px !important;
        left: 0 !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        z-index: 9998 !important;
    }

    #id_BiZv7zx ul.firstLevel > li {
        border: none !important;
        background: transparent !important;
    }

    /* Nav items */
    #id_BiZv7zx ul.firstLevel > li .item a {
        display: flex !important;
        align-items: center !important;
        height: 54px !important;
        line-height: normal !important;
        padding: 0 20px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        margin: 0 !important;
    }

    /* Chevron flush right */
    #id_BiZv7zx ul.firstLevel > li.dir > .item a::after {
        margin-left: auto !important;
        margin-top: 0 !important;
    }

    /* Submenu — hidden until .open class added by JS */
    #id_BiZv7zx ul.secondLevel {
        position: static !important;
        width: 100% !important;
        box-shadow: none !important;
        display: none !important;
        background: rgba(0, 0, 0, 0.20) !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    #id_BiZv7zx ul.firstLevel > li.open > .item > ul.secondLevel {
        display: block !important;
    }

    #id_BiZv7zx ul.secondLevel li .item a {
        display: flex !important;
        align-items: center !important;
        color: #ffffff !important;
        height: 46px !important;
        line-height: normal !important;
        padding: 0 20px 0 40px !important;
    }

     .tccc-join-btn {
         top: 0;
         left: -30px;
     }
}

@media only screen and (max-width: 616px) {
    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner .menuButton {
        padding: 0 !important;
    }
}

@media (max-width: 480px) {
    .tccc-header-logo img {
        max-height: 60px;
    }
    .tccc-header-tagline {
        font-size: 11px;
    }
}