/* ===========================================================================
 * XLSU Header Tweaks — hide the account / Sign-In element on the menu bar
 * ===========================================================================
 *
 * HOW THIS WORKS
 *   Pure visual hide of MyListing's header "Account" component (the Sign In /
 *   Register link when logged out, or the avatar + dropdown when logged in).
 *   The element is still in the DOM — it's just not displayed.
 *
 * IF IT DOESN'T HIDE THE RIGHT THING (or hides nothing)
 *   MyListing builds vary, so the exact class can differ. Confirm the real
 *   selector in ~30 seconds:
 *     1. Open the staging site in Chrome/Edge (logged out, so you see "Sign In").
 *     2. Right-click the account/Sign-In element → "Inspect".
 *     3. In the Elements panel, look at the highlighted tag and walk UP to its
 *        wrapping <li> or <div>. Note its class (e.g. class="menu-item-account").
 *     4. Add that class to the EDIT block below as  .its-class { display:none !important; }
 *        (or send it to me and I'll pin it exactly).
 *
 * NOTE FOR LOGGED-IN USERS
 *   This hides the element in BOTH states, so logged-in members lose the header
 *   dropdown shortcut to their dashboard/logout. They can still reach those via
 *   /wp-login.php and the My Account page directly.
 * ------------------------------------------------------------------------- */

/* ── EDIT BLOCK: the account-element selectors ────────────────────────────────
 * Add the class you confirm via Inspect here. Selectors that match nothing are
 * harmless. */

/* CONFIRMED — logged-in: the avatar + name dropdown trigger
 * (<a class="user-profile-name" id="user-dropdown-menu">). We hide the trigger
 * itself, AND (modern browsers, via :has) its whole menu-item wrapper so no empty
 * slot or dangling dropdown is left behind. */
.user-profile-name,
li:has(.user-profile-name),
.dropdown-menu[aria-labelledby="user-dropdown-menu"],

/* CONFIRMED — logged-out: MyListing's "Sign in / Register" block in the header.
 * Verified against the live DOM (lifesciencesunited.xtalks.com) on 2026-06-29:
 *   <div class="user-area signin-area"> <i> Sign in <span>or</span> Register </div>  (desktop)
 *   <div class="mob-sign-in"> … </div>                                               (mobile)
 * We target the .signin-area modifier specifically so the logged-in .user-area
 * (avatar/dropdown) is governed only by the .user-profile-name rules above. */
.user-area.signin-area,
.mob-sign-in {
    display: none !important;
}