@import '../../../../vendor/filament/filament/resources/css/theme.css';

@source '../../../../app/Filament/Documentation/**/*';
@source '../../../../app/Livewire/Documentation/**/*';
@source '../../../../resources/views/filament/documentation/**/*';
@source '../../../../resources/views/livewire/documentation/**/*';
@source '../../../../resources/views/vendor/**/*';

/**
 * `.fi-simple-main` (le layout "simple" de Filament) est pensé pour une
 * carte centrée à largeur plafonnée — voir le commentaire équivalent dans
 * resources/css/filament/guest/theme.css pour la landing. La documentation
 * a le même besoin de plein-écran pour sa mise en page à 3 colonnes.
 */
.fi-simple-main:has(.fi-documentation-page) {
    @apply m-0 max-w-none bg-transparent p-0 shadow-none ring-0 dark:bg-transparent dark:ring-0;
}

/*
 * Rendu du contenu Markdown — hand-rolled comme `.note-markdown` dans
 * resources/css/filament/app/theme.css, plutôt que d'ajouter la dépendance
 * @tailwindcss/typography pour ce seul usage. Portée plus large que
 * `.note-markdown` (tableaux, citations, images) : ici le contenu est une
 * page entière, pas un aperçu compact.
 */
.doc-markdown :is(h2, h3, h4)[id] {
    scroll-margin-top: 5rem;
}
.doc-markdown :is(h2, h3, h4) {
    font-weight: 700;
    color: var(--ablepro-heading-color, inherit);
    margin: 1.6em 0 0.6em;
}
.doc-markdown h2 {
    font-size: 1.375rem;
    padding-top: 0.75em;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
}
.doc-markdown h2:first-child {
    padding-top: 0;
    border-top: none;
    margin-top: 0;
}
.doc-markdown h3 {
    font-size: 1.125rem;
}
.doc-markdown h4 {
    font-size: 1rem;
}
.doc-markdown p {
    margin: 0.85em 0;
    line-height: 1.7;
}
.doc-markdown ul,
.doc-markdown ol {
    margin: 0.85em 0;
    padding-left: 1.5em;
}
.doc-markdown ul {
    list-style: disc;
}
.doc-markdown ol {
    list-style: decimal;
}
.doc-markdown li + li {
    margin-top: 0.25em;
}
.doc-markdown code {
    background: rgba(148, 163, 184, 0.15);
    border-radius: 4px;
    padding: 0.15em 0.4em;
    font-size: 0.9em;
}
.doc-markdown pre {
    background: rgba(148, 163, 184, 0.1);
    border-radius: 8px;
    padding: 1em;
    overflow-x: auto;
    margin: 1em 0;
}
.doc-markdown pre code {
    background: none;
    padding: 0;
}
.doc-markdown blockquote {
    border-left: 3px solid rgb(139, 179, 205);
    padding-left: 1em;
    margin: 1em 0;
    color: rgb(107, 114, 128);
    font-style: italic;
}
.doc-markdown table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
    font-size: 0.9em;
}
.doc-markdown :is(th, td) {
    border: 1px solid rgba(148, 163, 184, 0.25);
    padding: 0.5em 0.75em;
    text-align: left;
    vertical-align: top;
}
.doc-markdown th {
    background: rgba(148, 163, 184, 0.1);
    font-weight: 600;
}
.doc-markdown img {
    max-width: 100%;
    border-radius: 8px;
    margin: 1em 0;
}
.doc-markdown hr {
    border: none;
    border-top: 1px solid rgba(148, 163, 184, 0.25);
    margin: 2em 0;
}
.doc-markdown a {
    color: rgb(107, 155, 189);
    text-decoration: underline;
}