/*
 * prove_kode.css
 * Gjenbrukbare stiler for klikkbare prøvekoder
 * Inkluder på alle lærersider som viser prøvekoder
 */

.prove-kode-link {
    display:          inline-flex;
    align-items:      center;
    gap:              .35rem;
    font-family:      'Courier New', 'Lucida Console', monospace;
    font-weight:      700;
    font-size:        1rem;
    letter-spacing:   .1em;
    color:            #0d6efd;
    text-decoration:  none;
    cursor:           pointer;
    padding:          .15rem .4rem;
    border-radius:    .3rem;
    transition:       background .15s, color .15s;
    white-space:      nowrap;
}

.prove-kode-link:hover {
    background: #e7f0ff;
    color:      #0a58ca;
    text-decoration: none;
}

.prove-kode-link:focus-visible {
    outline:        3px solid #0d6efd;
    outline-offset: 2px;
}

/* QR-ikon vises ved hover */
.prove-kode-link .kode-qr-ikon {
    font-size:   .75rem;
    opacity:     0;
    transition:  opacity .15s;
    color:       #6c757d;
}

.prove-kode-link:hover .kode-qr-ikon {
    opacity: 1;
}

/* Stor variant (prøvekort-visning) */
.prove-kode-link.kode-lg {
    font-size:      1.5rem;
    letter-spacing: .15em;
}

/* Mørk modus */
.dark-mode .prove-kode-link {
    color: #90c5ff;
}
.dark-mode .prove-kode-link:hover {
    background: rgba(144, 197, 255, .15);
    color:      #b8d8ff;
}