/* =============================================================================
   Platform.Web — Landing page
   The structure rendered by Platform.Web.UI.LandingPage.PlatformLandingPageViewComponent, layered on
   platform-dashboard-navigation.css (the card look). Consumers link both:
     ~/_content/Platform.Web/css/platform-dashboard-navigation.css
     ~/_content/Platform.Web/css/platform-landing-page.css

   Structure is Platform's; the look is the product's. A product brands the page by defining these tokens on
   :root (each falls back to the look this component was extracted from):
     --platform-landing-focus-ring          a card's keyboard focus outline colour
     --platform-landing-unavailable-opacity an unavailable card's opacity (default 1: its reason says it)
     --platform-landing-section-gap         space above a titled section after the first
   ============================================================================= */

/* A card title is an h2 (or an h3 under a section h2) for a valid heading hierarchy, but keeps the h5 card-title
   look it replaces: the classes "card-title h5" give its size, weight and spacing; these two keep the body font and
   the card's colour that the typography's heading rules would otherwise change. */
.platform-landing .platform-landing__card-title {
    font-family: inherit;
    color: inherit;
    letter-spacing: normal;
}

/* The intro's Learn more trigger is a real button (the <learn-more> primitive), laid out inline like the text link
   it replaces, so the intro row keeps its geometry. */
.platform-landing__intro [aria-haspopup="dialog"].btn {
    display: inline;
    border: 0;
    line-height: inherit;
    text-align: inherit;
    vertical-align: baseline;
}

.platform-landing .dashboard-navigation-card:focus-visible {
    outline-color: var(--platform-landing-focus-ring, rgba(13, 110, 253, 0.35));
}

.platform-landing .platform-landing__section + .platform-landing__section {
    margin-top: var(--platform-landing-section-gap, 2rem);
}

.platform-landing .platform-landing__section-title {
    margin-bottom: 1rem;
}

/* An unavailable card is not a link (no href): it does not lift, and its reason, shown as a disabled badge, says why.
   It is not dimmed unless the product asks for it: colour and opacity are never the only indicator. */
.platform-landing .platform-landing__card--unavailable {
    cursor: default;
    opacity: var(--platform-landing-unavailable-opacity, 1);
}

@media (hover: hover) {
    .platform-landing .platform-landing__card--unavailable:hover {
        transform: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    }

    .platform-landing .platform-landing__card--unavailable:hover .btn {
        transform: none;
    }
}