@use '../abstracts' as *;

.gfm-status {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: $radius-full;
    font-size: 11px;
    letter-spacing: 0.05em;
    font-weight: $weight-bold;
    text-transform: uppercase;
    
    &-active {
        background: $gfm-color-success;
        color: $gfm-color-success-text;
    }
    
    &-inactive {
        background: $bg;
        color: $text-muted;
    }

    &-trash {
        background: $gfm-color-error;
        color: $gfm-color-error-text;
    }
}

.gfm-shortcode-copy {
    display: flex;
    align-items: center;
    gap: $space-xs;
    background: $bg;
    padding: 4px 6px 4px 12px;
    border-radius: $radius-md;
    border: 1px solid $border;
    max-width: fit-content;

    code {
        background: transparent;
        color: $text-main;
        padding: 0;
        font-family: 'JetBrains Mono', 'Monaco', monospace;
        font-size: 13px;
        font-weight: 500;
    }
}

.gfm-copy-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    color: $text-light;
    width: 28px;
    height: 28px;
    border-radius: $radius-sm;
    @include flex-center;
    transition: $transition-base;

    &:hover {
        background: $white;
        color: $primary;
        box-shadow: $shadow-sm;
    }

    .dashicons {
        font-size: 16px;
        width: 16px;
        height: 16px;
    }
}