/* GD QR Code Manager — gdqr-style.css */

.gdqr-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin: 16px 0;
}

.gdqr-link {
    display: inline-block;
    line-height: 0; /* removes gap under canvas/img inside anchor */
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba( 0, 0, 0, 0.12 );
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gdqr-link:hover,
.gdqr-link:focus-visible {
    transform: scale( 1.04 );
    box-shadow: 0 4px 18px rgba( 0, 0, 0, 0.18 );
    outline: none;
}

/* qrcode.js renders a canvas or img — both need to be block */
.gdqr-canvas canvas,
.gdqr-canvas img {
    display: block;
}

.gdqr-url-label {
    font-size: 11px;
    color: #888;
    margin: 0;
    word-break: break-all;
    text-align: center;
    max-width: 200px;
}