/**
 * Keyboard Key (KBD) Component Styles
 * Loaded only on single posts with code/tutorials
 */

kbd {
    display: inline-block;
    min-width: 1.8em;
    padding: .25em .55em;
    border: 1px solid #cfcfcf;
    border-bottom-color: #b8b8b8;
    border-radius: .45rem;
    background: linear-gradient(#fdfdfd, #ececec);
    box-shadow:
        0 1px 0 #ffffff inset,
        0 -1px 0 #dddddd inset,
        0 2px 0 rgba(0,0,0,.06);
    font: 500 .95em ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
}

/* Espacement naturel dans une combinaison de touches */
kbd + kbd {
    margin-left: .25rem;
}

/* Version sombre auto si l'OS est en dark mode */
@media (prefers-color-scheme: dark) {
    kbd {
        background: linear-gradient(#3a3a3a, #2a2a2a);
        border-color: #555;
        border-bottom-color: #444;
        color: #e0e0e0;
        text-shadow: 0 1px 0 #000;
        box-shadow:
            0 1px 0 #555 inset,
            0 -1px 0 #333 inset,
            0 2px 0 rgba(0,0,0,.3);
    }
}

/* Styles pour les combinaisons de touches complexes */
.key-combo {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.key-combo .plus {
    color: #666;
    font-weight: bold;
    margin: 0 .1rem;
}