/**
 * Minimum 4.5px gap between DaisyUI cards site-wide (90% of prior 5px minimum).
 * Load after assets/app.css.
 */

/* Vertically stacked sibling cards (no flex/grid gap on parent). */
.card + .card {
    margin-top: 4.5px;
}

/* Card grids/rows without an explicit Tailwind gap-* utility. */
.grid:has(> .card):not([class*="gap-"]),
.flex:has(> .card):not([class*="gap-"]) {
    gap: 4.5px;
}

/* Sub-minimum Tailwind gaps bumped to the card gap floor. */
.grid:has(> .card):is(.gap-0, .gap-px, .gap-0\.5, .gap-1),
.flex:has(> .card):is(.gap-0, .gap-px, .gap-0\.5, .gap-1) {
    gap: 4.5px;
}

/* Card below a grid/flex of cards (e.g. form actions card under a 2-column card grid). */
.grid:has(> .card) + .card,
.flex:has(> .card) + .card {
    margin-top: 4.5px;
}

/* Card gap after a card when the next sibling is not another card (filters, toolbars, etc.). */
.card + .flex,
.card + .grid,
.card + .tabs,
.card + .join {
    margin-top: 4.5px;
}

/* Opt-in top margin (e.g. first card below a page header). */
.card-mt-gap {
    margin-top: 4.5px;
}

/* Opt-in vertical margin around a standalone action row (e.g. Add Step button). */
.block-gap-5px {
    margin-top: 4.5px;
    margin-bottom: 4.5px;
}

/* Space below a page toolbar (back link + action buttons) before main content. */
.page-toolbar-spacing {
    margin-bottom: 4.5px;
    padding-bottom: 4.5px;
}

/* Opt-in bottom margin (e.g. below a card or stat box). */
.card-mb-gap {
    margin-bottom: 4.5px;
    padding-bottom: 4.5px;
}