#wc-footer-participants, 
button[aria-label="Participants"], 
.footer-button__participants-container {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
}


/* KEY Group Header - ACTION BUTTON (Purple) */
.top-bar-button a {
    background-color: #9002e8 !important; /* KEY Purple */
    color: #ffffff !important;
    padding: 6px 15px !important; /* Slightly tighter for longer text */
    border-radius: 5px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 11px !important; /* Reduced from 13px for better fit */
    transition: 0.3s ease-in-out;
    border: 2px solid #9002e8 !important;
    display: inline-block;
    white-space: nowrap; /* Prevents text from breaking into 2 lines */
}

.top-bar-button a:hover {
    background-color: transparent !important;
    color: #9002e8 !important;
    text-decoration: none !important;
}

/* KEY Group Header - ACCREDITATION LINK (Gold) */
.accredited-status-text a {
    color: #bb984c !important; /* KEY Gold */
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0.2px;
    padding-right: 15px;
    transition: 0.3s;
    text-decoration: none !important;
}

.accredited-status-text a:hover {
    color: #9002e8 !important;
    text-decoration: underline !important;
}






/* UNIVERSAL SOVEREIGN BUTTON STYLE */
/* Targets nearly all WP buttons including Tutor LMS */
.button, .btn, .wp-block-button__link, .tutor-btn, .tutor-btn-primary {
    background-color: #9002e8 !important; /* KEY Purple */
    color: #ffffff !important;
    border: 2px solid #9002e8 !important;
    border-radius: 5px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    transition: 0.4s ease-in-out !important;
}

/* UNIVERSAL HOVER EFFECT - THE OUTLINE SHIFT */
.button:hover, .btn:hover, .wp-block-button__link:hover, .tutor-btn:hover, .tutor-btn-primary:hover {
    background-color: transparent !important;
    color: #9002e8 !important;
    text-decoration: none !important;
    box-shadow: 0px 4px 15px rgba(144, 2, 232, 0.3); /* Subtle glow for gravity */
}

/* THE SECONDARY GOLD BUTTON (Optional use for different tiers) */
/* Apply the class 'gold-btn' to any button you want in Gold */
.gold-btn {
    background-color: #bb984c !important;
    border-color: #bb984c !important;
}

.gold-btn:hover {
    color: #bb984c !important;
    background-color: transparent !important;
}