/* Override highlight.js */
code.hljs {
    padding: 2rem 6rem !important;
}

/* Custom copy to clipboard */
/* MIGRÉ VERS LE NOUVEAU DESIGN SYSTEM ULK */

pre:has(code) {
    position: relative;
}

.demo-ui .copy-to-clipboard,
.copy-to-clipboard {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    /* Mise en page Flexbox pour un centrage parfait */
    display: inline-flex;
    align-items: center;
    justify-content: center;

    /* Dimensions (un peu plus grand que l'original) */
    width: 3rem;
    height: 3rem;

    /* Arrière-plan et icône SVG distante */
    background-color: #f9f2f4;
    background-image: url('https://ulk.univ-lille.fr/dist/svg/operation--copy.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem 2rem;
    /* Icône un peu plus grande aussi */

    /* Esthétique et bordures */
    border-radius: 0.25rem;
    /* Coins arrondis plus marqués */
    cursor: pointer;
    border: none;

    /* Positionnement */
    vertical-align: middle;
    margin-left: -1px;
    /* Pour bien coller au bloc de code sans jour */
    transition: background-color 0.2s ease;
}

/* Petit effet au survol pour le plaisir */
.demo-ui .copy-to-clipboard:hover,
.copy-to-clipboard:hover {
    background-color: var(--local-bg-primary1);
}

.copy-to-clipboard--copied,
.demo-ui .copy-to-clipboard--copied {
    background-image: url('https://ulk.univ-lille.fr/dist/svg/operation--check.svg') !important;
    background-color: var(--local-bg-positive1, #e6f4ea) !important;
}

/* Custom breadcrumbs */

#breadcrumbs i.ulkicon {
    width: unset;
    font-size: 1.5rem;
}

#breadcrumbs i.ulkicon,
#breadcrumbs span {
    display: inline-block;
    vertical-align: middle;
}