table.liste-lignes > tbody > tr > td {
    font-size: 90%;
    padding: 0.1rem 0.3rem;
    > span { font-size: inherit; }
}

.agenda-commandes {
    form {
        input {
            font-size: inherit;
            font-family: PsbH123456, sans-serif;
        }

        button {
            font-size: inherit;
            background: none;
            border: none;
            &:hover { background: none; }
        }
    }

    .liste-categories {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2rem;

        > .categorie {
            max-width: 25rem;
            border: 1px solid hsl(var(--h0) 80% 40%);
            border-radius: 3rem 3rem 0 0;
            padding: 1rem 0;
            box-shadow: 1px 0.3rem 0.5rem hsla(var(--h0) 80% 40% / 0.2);
            background: linear-gradient(to bottom, hsla(var(--h0) 80% 60% / 0.3), 25%, transparent);

            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            gap: 1rem;

            .titre {
                text-align: center;
                font-family: PsbH123456, sans-serif;
                font-weight: bolder;
            }

            > .titre {
                font-size: 133%;
            }

            > .produit {
                border-top: 1px solid hsla(var(--h0) 80% 40% / 0.5);
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;

                > .titre {
                    padding: 0.5rem 0;
                    font-size: 110%;
                }

                > a.ligne {
                    padding: 0.5rem 1rem;
                    font-weight: normal;
                    text-decoration: none;
                    &:hover {
                        background-color: hsla(var(--h0) 80% 40% / 0.2);
                    }
                }
            }
        }
    }
}

