/* Shared invitation styles used by multiple pages/components */
.invitation-paper {
    padding: 40px;
    margin: 40px auto;
    max-width: 800px; /* unified width */
}

/* Mobile adjustments: reduce top space and tighten padding */
@media (max-width: 480px) {
    .invitation-paper {
        padding: 20px;
        margin: 16px auto; /* less top/bottom space on mobile */
        max-width: calc(100% - 32px);
    }

    /* If the layout uses the utility class 'pt-16' add a mobile override.
       This targets both the utility class and MudBlazor's mud-main-content with that class. */
    .pt-16,
    .mud-main-content.pt-16 {
        padding-top: 1rem !important; /* reduce header/top-gap on phones */
    }
}

/* Ensure two-column rows keep consistent spacing between rows */
.invitation-paper .mud-grid > .mud-item + .mud-item,
.invitation-paper .mud-grid + .mud-grid {
    margin-top: 12px;
}

/* Section headers (consistent vertical rhythm) */
.invitation-paper .mud-typography.mud-typography-h4 {
    margin-top: 28px;
}

.action-link {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}