/**
    Core styles for Link component - essential styles for functionality
**/

.RCB-link {
    display: inline;
    cursor: pointer;
    font-family: inherit;
    transition: color 0.2s ease, text-decoration 0.2s ease;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-weight: 600;
    
    &-disabled {
        cursor: not-allowed;
        opacity: 0.6;
    }
    
    // Text decoration variations
    &-underline {
        text-decoration: underline;
    }
    
    &-none {
        text-decoration: none;
    }
    
    &-overline {
        text-decoration: overline;
    }
    
    &-line-through {
        text-decoration: line-through;
    }
    
    &-underline-on-hover {
        &:hover {
            text-decoration: underline;
        }
    }
    
    &-external-icon {
        margin-left: 4px;
        font-size: 0.8em;
        line-height: 1;
        display: inline;
    }
    
    // Size variations
    &-small {
        font-size: 12px;
        line-height: 1.4;
    }
    
    &-medium {
        font-size: 14px;
        line-height: 1.5;
    }
    
    &-large {
        font-size: 16px;
        line-height: 1.6;
    }
}