/* ============================================================
   Home Page
   Scope: Home.razor only.

   Card composition primitives (.card-header, .card-header-*,
   .card-header-decor-*, .card-header-row, .card-icon-wrap-header,
   .card-title, .card-subtitle, .card-body, .card-footer,
   .card-arrow, .card-badge-*) are global and live in site.css
   under "Shared surfaces / cards / tables" and "Badges / alerts
   / state".

   The .quick-link-card surface (background + border + radius +
   shadow + hover-shadow) is also global — it's part of the shared
   .card selector list in site.css. This sheet only adds
   home-specific layout tweaks on top.
   ============================================================ */

.home-section {
    margin-top: 2.5rem;
}

    .home-section h2 {
        color: var(--color-primary);
    }

.quick-link-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-5);
}

/* Home-specific quick-link-card adjustments.
   Surface styles (bg/border/radius/shadow) come from the shared
   `.card, .quick-link-card, …` rule in site.css. */
.quick-link-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: var(--color-primary);
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .quick-link-card:hover {
        transform: translateY(-6px);
    }

    .quick-link-card:hover .card-arrow {
        transform: translateX(4px);
    }

/* ── Responsive ── */
@media (max-width: 767px) {
    .quick-link-grid {
        grid-template-columns: 1fr;
    }
}