/**
 * Link Gating Styles
 *
 * Visual treatment for in-page links to routes the user cannot access.
 * Applied by LinkGatingService based on RouteAccessService access decisions.
 *
 * Two modes:
 *   .link-gated         - Visible but greyed out and unclickable (default)
 *   .link-gated-hidden  - Completely hidden (opt-in via data-link-access="hide")
 */

/* ========================================
   Default: Disabled appearance
   ======================================== */

.link-gated {
    opacity: 0.4;
    cursor: not-allowed !important;
    pointer-events: none;
    position: relative;
    user-select: none;
}

/* Prevent hover/focus styles on gated links (pointer-events: none blocks most,
   but capture-phase blocker in LinkGatingService handles edge cases) */
a.link-gated:hover,
a.link-gated:focus {
    color: inherit;
    background-color: inherit;
    box-shadow: none;
}

/* Cards and buttons that are gated */
.link-gated .card,
.card.link-gated,
.link-gated .btn,
.btn.link-gated {
    opacity: 1; /* Parent already handles opacity */
    cursor: not-allowed !important;
}

/* ========================================
   Opt-in: Hidden mode
   ======================================== */

.link-gated-hidden {
    display: none !important;
}

/* ========================================
   Dark mode adjustments
   ======================================== */

[data-theme="dark"] .link-gated {
    opacity: 0.3;
}