/**
 * Compatibilité Bootstrap + grilles Tiptap dans le contenu éditorial.
 * Chargé après main.css / tiptap-editor-preview.css sur le site et l’admin.
 */
:is(.page-content, .tiptap-editor .ProseMirror) .filament-tiptap-grid-builder {
    display: grid;
    gap: 1rem;
    margin: 1.25em 0;
    box-sizing: border-box;
}

:is(.page-content, .tiptap-editor .ProseMirror) .filament-tiptap-grid-builder__column {
    box-sizing: border-box;
    min-width: 0;
}

:is(.page-content, .tiptap-editor .ProseMirror) .filament-tiptap-grid,
:is(.page-content, .tiptap-editor .ProseMirror) .filament-tiptap-grid-builder {
    width: 100%;
}

@media (max-width: 767.98px) {
    :is(.page-content, .tiptap-editor .ProseMirror) .filament-tiptap-grid-builder[data-stack-at="md"],
    :is(.page-content, .tiptap-editor .ProseMirror) .filament-tiptap-grid-builder[data-stack-at="sm"] {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 575.98px) {
    :is(.page-content, .tiptap-editor .ProseMirror) .filament-tiptap-grid-builder[data-stack-at="sm"] {
        grid-template-columns: 1fr !important;
    }
}

/* La typo thème ne doit pas écraser les titres dans les blocs Bootstrap / grilles */
:is(.page-content, .tiptap-editor .ProseMirror)
    :is(
        .row,
        .container,
        .container-fluid,
        .container-sm,
        .container-md,
        .container-lg,
        .container-xl,
        .container-xxl,
        [class*="col-"],
        .card,
        .card-body,
        .card-header,
        .card-footer,
        .alert,
        .list-group,
        .btn-group,
        .filament-tiptap-grid-builder,
        .filament-tiptap-grid-builder__column
    )
    :is(h1, h2, h3, h4, h5, h6) {
    font-size: revert;
    font-family: revert;
    font-weight: revert;
    line-height: revert;
    color: revert;
    margin: revert;
}

/* Tableaux Bootstrap : conserver les classes .table, .table-bordered, etc. */
:is(.page-content, .tiptap-editor .ProseMirror) table.table {
    font-size: inherit;
    line-height: inherit;
}

:is(.page-content, .tiptap-editor .ProseMirror) table.table th,
:is(.page-content, .tiptap-editor .ProseMirror) table.table td {
    border: revert;
    padding: revert;
    background-color: revert;
    font-weight: revert;
    text-align: revert;
    vertical-align: revert;
}

:is(.page-content, .tiptap-editor .ProseMirror) table.table th {
    background-color: revert;
}

/* Boutons et alertes : laisser Bootstrap piloter */
:is(.page-content, .tiptap-editor .ProseMirror) .btn {
    text-decoration: none;
    display: inline-block;
}

:is(.page-content, .tiptap-editor .ProseMirror) .btn:hover {
    text-decoration: none;
}

:is(.page-content, .tiptap-editor .ProseMirror) .card,
:is(.page-content, .tiptap-editor .ProseMirror) .alert {
    margin-bottom: 1rem;
}