/** * KeycloakAuth — Conditional visibility helpers * * Add one of these classes to any HTML element (or a WordPress menu item via * Appearance → Menus → CSS Classes) to show or hide it based on the current * Keycloak session state. * * Authentication state classes (set on ): * kc-logged-in — user has an active Keycloak session * kc-logged-out — no active session * * Role classes (set on , one per role): * kc-role- e.g. kc-role-vet, kc-role-admin */ /* ── Login state ─────────────────────────────────────────────────────────── */ /* Only visible when logged in */ body:not(.kc-logged-in) .kc-show-logged-in { display: none !important; } /* Only visible when logged out */ body:not(.kc-logged-out) .kc-show-logged-out { display: none !important; } /* Hidden when logged in */ body.kc-logged-in .kc-hide-logged-in { display: none !important; } /* Hidden when logged out */ body.kc-logged-out .kc-hide-logged-out { display: none !important; } /* ── Role-based visibility ──────────────────────────────────────────────── * * Add rules below for each Keycloak role used in your project. * Pattern: * body:not(.kc-role-) .kc-show- { display: none !important; } * * ─────────────────────────────────────────────────────────────────────── */ /* Only for vets */ body:not(.kc-role-vet) .kc-show-vet { display: none !important; }