/* El-Amin97 member navigation — stylesheet half of the nav shim. * * The mirrored pages already contain GoDaddy's full membership menu: both * states, as siblings. Measured on the served page, their own bundle runs and * expresses the state with INLINE display styles, for a signed-out visitor: * * .membership-icon-logged-out display:block <- the header control * .membership-icon-logged-in display:none * .membership-links-logged-out display:block <- mobile nav * .membership-links-logged-in display:none * .membership-header-logged-in display:none * * So the menu machinery is intact; the only thing wrong is the identity behind * it, which is the placeholder captured from the live site * ("filler@godaddy.com"). nav.js supplies the real identity from OUR auth * service, and the rules below flip the state. * * Their state lives in inline styles, so ours must outrank inline => !important. * It is scoped to a class on , so nothing changes until nav.js has an * answer, and the login/admin pages (which never get that class) are unaffected. * * DELIBERATELY NOT TOUCHED: .membership-sign-in / .membership-sign-out. Despite * the names these are the two DROPDOWN CONTAINERS, not the two states: the * signed-out dropdown carries membership-sign-out and the signed-in one carries * membership-sign-in. They are display:none because they are CLOSED, and the * site's dropdown JS opens them on click. Styling them here would break the menu. */ html.elamin-signed-out :is(.membership-icon-logged-in, .membership-links-logged-in, .membership-header-logged-in) { display: none !important; } html.elamin-signed-out :is(.membership-icon-logged-out, .membership-links-logged-out) { display: block !important; } html.elamin-signed-in :is(.membership-icon-logged-in, .membership-links-logged-in, .membership-header-logged-in) { display: block !important; } html.elamin-signed-in :is(.membership-icon-logged-out, .membership-links-logged-out) { display: none !important; } /* "Sign out" is a

on the live site; nav.js makes it clickable. Give it the affordance the rest of the menu links have. */ html.elamin-signed-in [id$="-membership-sign-out"] { cursor: pointer; }